@mlrawlings profile picture
Michael Rawlings @mlrawlings

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

Joined April 2009
  • Tweets 452
  • Following 116
  • Followers 653
60 Photos and videos
Michael Rawlings retweeted
Ryan Carniato
@RyanCarniato
3 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
143
14,079
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
36
12,637
Michael Rawlings retweeted
Marko
@MarkoDevTeam
8 May 2024
0:27
Tim Cook
@tim_cook
7 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:00
1
20
107
19,069
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
@theo
17 Feb 2023
9
34
367
49,637
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 🦋@buildsghost
17 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
2
3,626
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). x.com/buildsghost/status/169…

Jamie Kyle is on 🦋@buildsghost
22 Aug 2023
Breaking News: Web developer only ever tests in Chrome
1
2
647
Michael Rawlings retweeted
Marko
@MarkoDevTeam
24 Jul 2023
Introducing the new Marko Logo: 𝕄
6
9
149
38,791
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_piercey
19 Jul 2023
camelCase: bad PascalCase: bad snake_case: good kebab-case: good you might not like it, but it's true
2
5
731
1
1
2
238
1:03
27
146
1,003
111,174
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 tweet is unavailable
10
22
419
73,051
Michael Rawlings retweeted
Marko
@MarkoDevTeam
24 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
@MarkoDevTeam
10 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
113
45,475
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 tweet is unavailable
7
16
124
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
17
1,869
Michael Rawlings retweeted
Luke LaValva@LukeLaValva
25 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
37
8,338
Michael Rawlings retweeted
Build Awesome (Eleventy)@eleven_ty
30 Aug 2022
maybe you don’t need that SPA 😉
6
18
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
9
26
215
Michael Rawlings retweeted
Senthil P
@senthil_hi
11 May 2022
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
105
Load more