@mlrawlings

Platform & Frameworks @ebay • @MarkoDevTeam • Open Source • Running • Slackline

 Campbell, CA
Joined April 2009
  • Tweets452
  • Following116
  • Followers647
60Media
Michael Rawlings retweeted
Ryan Carniato
@RyanCarniato3 Sep 2025
There is hate for JS on the server. But none have accomplished what @MarkoDevTeam has. Forget Islands, forget serialization boundaries, forget writing code twice. Just declarative templates, low JS. @dylan_piercey joins me Friday to show how it's done. youtube.com/live/x-3RxGf4KA8…

Marko 6: Fulfilling the Promise of Less JavaScript w/ Dylan Piercey

We've seen a lot of technology compete in the low JavaScript space ...

youtube.com
6
19
3
144
14,095
I wrote a followup to @RyanCarniato's article on two way data binding and how we're approaching this in Marko dev.to/mlrawlings/two-way-bi…

Two-way Binding can be a One-way Street

Ryan wrote a lovely article about two-way data binding… but I do take a bit of issue with Marko...

dev.to
2
8
2
35
12,652
Michael Rawlings retweeted
Marko
@MarkoDevTeam8 May 2024
Tim Cook
@tim_cook7 May 2024
Meet the new iPad Pro: the thinnest product we’ve ever created, the most advanced display we’ve ever produced, with the incredible power of the M4 chip. Just imagine all the things it’ll be used to create.
1
19
2
105
19,074
Chaotic meme mashup. Forced to Drink Milk Meme: Solid is forcing Marko, Qwik, Preact, Angular, and Ember to drink Signals. Svelte, the distracted boyfriend is watching the milk meme. The jealous girlfriend is yet another meme: the "Just use let" Svelte Khaby Lame meme. In the corner Vue is the drowning kid from "Mother Ignoring Kid Drowning In A Pool" Meme

ALT Chaotic meme mashup. Forced to Drink Milk Meme: Solid is forcing Marko, Qwik, Preact, Angular, and Ember to drink Signals. Svelte, the distracted boyfriend is watching the milk meme. The jealous girlfriend is yet another meme: the "Just use let" Svelte Khaby Lame meme. In the corner Vue is the drowning kid from "Mother Ignoring Kid Drowning In A Pool" Meme

Theo - t3.gg
@theo17 Feb 2023
9
34
7
365
49,641
How I know if something is a link
The url shown in the bottom left of the browser window when you hover over a link

ALT The url shown in the bottom left of the browser window when you hover over a link

Jamie Kyle is on 🦋@buildsghost17 Aug 2023
In case you didn't know, you aren't supposed to be using `cursor: pointer` for every clickable thing. It's intended only for links. Microsoft and Apple both say this learn.microsoft.com/en-us/wi… developer.apple.com/design/h…
3
1
2
3,628
Chrome, Firefox and Edge show the url on hover. For some reason in Safari it's not enabled by default (to enable: View -> Show Statusbar). xitter.cf/buildsghost/status/169…
Jamie Kyle is on 🦋@buildsghost22 Aug 2023
Breaking News: Web developer only ever tests in Chrome
1
2
647
Michael Rawlings retweeted
Marko
@MarkoDevTeam24 Jul 2023
Introducing the new Marko Logo: 𝕄
6
8
3
147
38,796
Okay. Hear me out. A programming font that uses ligatures to add visual space between a lowercase letter followed by an uppercase letter.
Dylan Piercey@dylan_piercey19 Jul 2023
camelCase: bad PascalCase: bad snake_case: good kebab-case: good you might not like it, but it's true
2
5
732
1
1
2
238
27
146
35
1,001
111,193
Two buttons meme. Panel 1: One button is “make it easy to miss updates”, another is “make it easy to update more than needed”. The hand, labelled "useEffect, useMemo" is pressing both buttons. Panel 2: The man, labelled "React", is smiling and giving a thumbs up gesture.

ALT Two buttons meme. Panel 1: One button is “make it easy to miss updates”, another is “make it easy to update more than needed”. The hand, labelled "useEffect, useMemo" is pressing both buttons. Panel 2: The man, labelled "React", is smiling and giving a thumbs up gesture.

This Post is from an account that no longer exists. Learn more
10
22
2
414
73,052
Michael Rawlings retweeted
Marko
@MarkoDevTeam24 Feb 2023
TypeScript support for Marko has finally arrived! Take your Marko editor experience to the next level🚀👨‍💻👩‍💻 📄Docs markojs.com/docs/typescript/ 🧩Editor Support marketplace.visualstudio.com…
Marko
@MarkoDevTeam10 Feb 2023
A new *type* of developer experience is coming 🔜
A blurry photo. What could it be?

ALT A blurry photo. What could it be?

4
22
5
113
45,480
The problem is Hydration. In Marko 6 your components *resume*. There's no mismatches between server/browser because components don't re-execute to hydrate. In this component, Date.now() doesn't run in the browser. Nothing runs until the user selects a new date.
import { getMoonPhase } from "./utils"; <let/selectedDate = Date.now()/> <const/moonPhase = getMoonPhase(selectedDate)/> <DatePicker value:=selectedDate/> <p>At ${selectedDate} the phase is ${moonPhase}</p>

ALT import { getMoonPhase } from "./utils"; <let/selectedDate = Date.now()/> <const/moonPhase = getMoonPhase(selectedDate)/> <DatePicker value:=selectedDate/> <p>At ${selectedDate} the phase is ${moonPhase}</p>

This quoted post is unavailable.
Try viewing anyway · View on X
7
16
4
123
78,625
Marko 6 automatically serializes values when necessary. In this example, only the effect runs when the page loads in the browser, but it logs the `now` value that was generated on the server.
<const/now = Date.now()/> <effect() { console.log(now); }/> <p>It is now ${now}</p>

ALT <const/now = Date.now()/> <effect() { console.log(now); }/> <p>It is now ${now}</p>

3
16
1,869
Michael Rawlings retweeted
Luke LaValva@LukeLaValva25 Jan 2023
HTML-first frameworks like @MarkoDevTeam, @astrodotbuild, and @sveltejs make web dev more accessible for beginners. It's like Super Mario but for coding! 🕹️💻🚀 dev.to/lukelavalva/super-mar…

Super Mario, JSX, and the destruction of the web development learning curve

Super Mario Bros is a triumph of accessibility: in the 1980s, millions of people new to video games...

dev.to
2
9
1
37
8,338
maybe you don’t need that SPA 😉
6
18
4
128
Michael Rawlings retweeted
Taylor Hunt@tigt_8 Jun 2022
In part 5, I finally show off how fast the damn thing was: dev.to/tigt/so-what-c8j

So what?

Web performance is other people.

dev.to
8
26
22
215
Measuring interactivity on the web - web.dev/inp/

Interaction to Next Paint (INP)  |  web.dev

This post introduces the Interaction to Next Paint (INP) metric and explains how it works, how to measure it, and offers suggestions on how to improve it.

web.dev
1
"Your SSR is slow & your devtools are lying to you" 🐢🤔🚀 #DEVCommunity #javascript #webperf dev.to/mlrawlings/your-ssr-i…

Your SSR is slow & your devtools are lying to you

As developers we want our sites to be fast, and it takes many small wins to add up to a performant...

dev.to
1
18
3
105
Load more