Mark Dalgleish
@markdalgleish

🇦🇺🐨 / Working on 💿 @ReactRouter + @remix_run at @shopify / co-creator of 🦄 CSS Modules, 🧁 Vanilla Extract / @MelbJS organiser / dad x4

 Melbourne, Australia
Joined February 2011
We wrote a blog post that explains the new @ReactRouter RSC architecture a bit more, and how it makes our library APIs almost as powerful as Framework Mode. remix.run/blog/react-router-…

React Router and React Server Components: The Path Forward

React Router's RSC support is more than just a new feature. It's a major architectural shift that makes it a much more powerful library while also making Framework Mode less coupled to any particular...

remix.run
4
13
106
22,183
Developers during hackathon: We built an entire application in just 3 days. Developers after hackathon: Adding that icon is going to take 3 weeks.
100
2,265
9,883
Believe it or not, but this car is made entirely out of divs.
Cybertruck

ALT Cybertruck

156
1,301
8,758
Me: "I'm really looking forward to the conference." Me at the conference:
Sitting alone on a swing, sitting alone at a table, standing alone next to an empty pool

ALT Sitting alone on a swing, sitting alone at a table, standing alone next to an empty pool

64
1,072
7,791
"Don't worry about this tech debt, we'll clean it up next sprint." Senior developer:
This little maneuver is gonna cost us 51 years

ALT This little maneuver is gonna cost us 51 years

35
2,181
7,672
When people ask what the best JavaScript framework is.
Unsheathing a sword: "Rea—". Unsheathing it further: "Reach your own conclusions"

ALT Unsheathing a sword: "Rea—". Unsheathing it further: "Reach your own conclusions"

95
1,819
7,094
Aw, I can't fit more JavaScript into my tech stack *Removes CSS* OR CAN I?

ALT Aw, I can't fit more JavaScript into my tech stack *Removes CSS* OR CAN I?

66
892
6,679
82
1,979
6,574
When you write your CSS in JavaScript.
Overtime
70
733
5,985
20 years ago, people tried to convince me that learning HTML was pointless because we had FrontPage and Dreamweaver. Ignoring them was the best decision I ever made.
112
665
5,208
55
2,089
5,058
Me: I'm a JavaScript expert. Also me: *Googles array slice*
101
812
5,006
If a developer says they don't really care about design, change their editor theme to Hot Dog Stand.
121
1,424
4,683
When your team successfully hits the deadline.
41
1,476
4,651
"Do you know JavaScript?" "Yes." "Ah—but do you know what happens when you try to multiply a number by a *date*?" "Yes. I am immediately fired."
49
753
4,645
Trying to debug a codebase that uses class inheritance.
Reid Goldsmith
73
704
4,592
Literally just noticed that the home icon in the Twitter app is actually a birdhouse. I feel very stupid right now.
87
707
4,576
It's a mistake to learn a framework without first learning the fundamentals. That's why, when dealing with beginners, I always start off by making them build their own CPU, programming language and operating system.
133
841
3,982
'align-items' and 'justify-content' is the CSS equivalent of plugging in a USB device. It always takes three tries to get it right.
41
793
3,734
Full stack devs: Those front end devs really need to skill up in other areas. Also full stack devs:
wGetGUI — Basically a grid of random form elements.

ALT wGetGUI — Basically a grid of random form elements.

115
738
3,694
Front end devs: I'm here because I like programming *and* design. Back end devs: You're not a real programmer. UXers: You're not a real designer.
103
554
3,665
Back end devs: Front end isn't real engineering. Front end devs: *Bring engineering principles to front end* Back end devs: Front end is too complicated.
52
791
3,642
React API: Microscopic book Angular API: Giant book

ALT React API: Microscopic book Angular API: Giant book

112
527
3,567
Developers: *Build terrible monolith* "This isn't working. Let's try something else" Developers: *Build terrible microservices* "Wait—this isn't working either."
50
724
3,431
React vs. Vue is really HTML-in-JS vs. JS-in-HTML
70
701
3,524
Having trouble with code quality? Write a lot of tests. And I mean a *lot*. Test every file in isolation. Mock as many imports as possible. When you're done, your code will still be bad, but now your tests will make sure it's impossible to improve anything in any meaningful way.
65
552
3,259
"To build world class software, we need everyone to be inside this building." Developer: *Installs 9 trillion packages written outside this building"
30
783
3,212
Developers: Why aren't these managers technical? Also developers: No, I don't want to be a manager.
54
550
3,167
39
1,024
3,045
This game is genius. Test your design eye by choosing the UI that looks more correct. cantunsee.space

Can't Unsee

A game where you need to pick the design that is most correct. Test your attention to details!

cantunsee.space
83
1,162
2,979
VS Code: No type errors found in project. Me: *Opens a TypeScript file* VS Code: Oh, you mean in *this* file?
41
399
2,905
Astronaut on the moon: Waiting for the build to finish. About to step on a banana peel: Checking Twitter. *Astronaut flying off into space*

ALT Astronaut on the moon: Waiting for the build to finish. About to step on a banana peel: Checking Twitter. *Astronaut flying off into space*

15
636
2,863
SQL injection, or as I like to call it, accidental GraphQL.
29
567
2,738
When you're using the new tech stack but it's only for a single feature.
Trump Tower in Greenland

ALT Trump Tower in Greenland

16
526
2,710
When JavaScript developers get mocked on Twitter.
Using money to wipe away tears

ALT Using money to wipe away tears

37
400
2,648
Developer: Commits commented-out code just in case they need it later. Git:
Am I a joke to you?

ALT Am I a joke to you?

47
686
2,590
When you're really good at React.
A bunch of closing divs, then a closing body.

ALT A bunch of closing divs, then a closing body.

76
274
2,613
Hi my name is Jason Ah nice to meet you— *takes name and tries to fit it inside head, but it's full with the entire Lodash API* Say Jarvis, wanna hear the difference between throttle and debounce?

ALT Hi my name is Jason Ah nice to meet you— *takes name and tries to fit it inside head, but it's full with the entire Lodash API* Say Jarvis, wanna hear the difference between throttle and debounce?

20
351
2,619
How to open a window as a software developer: 1) Spend a bunch of money on a CO2 monitor. 2) Open a window.
69
135
2,669
349,337
Whatever your opinion is on React, you've gotta give it props.
77
315
2,569
You can't get phished if you never read your emails.
60
367
2,526
Using `useReducer` to manage one-way boolean state has become one of my favourite tricks lately.
const [isEnabled, enable] = useReducer(() => true, false);

ALT const [isEnabled, enable] = useReducer(() => true, false);

34
268
2,621
Pro tip: If anyone suggests a design change you don't like, just say "Do you have any data to back that up?" Nobody knows how to answer this question.
46
453
2,582
Person standing with their back to a wall with face in a tuba: JavaScript devs Person playing the tuba: TypeScript devs

ALT Person standing with their back to a wall with face in a tuba: JavaScript devs Person playing the tuba: TypeScript devs

26
550
2,540
Me: Googles "clone children" FBI: 😮 Me: Googles "clone children react" FBI: 😒

ALT Me: Googles "clone children" FBI: 😮 Me: Googles "clone children react" FBI: 😒

19
483
2,532
Pair programming.

ALT Mr Bean trying to get past an old lady on the stairs.

28
457
2,482
When you open Chrome dev tools in front of a non developer and edit someone else's web page.
Police with motion blur

ALT Police with motion blur

46
264
2,409
Companies: *Use free open source to make literally millions of dollars* Open source maintainers: Could we at least get a couple of dollars from this? Open source consumers:
No

ALT No

59
490
2,369
I'm super excited to announce that next week I'm joining the @remix_run team at @Shopify.
116
50
2,399
With single page apps, we broke the back button. Now, thanks to the power of service workers, we've broken the refresh button.
36
970
2,305
When a React dev sees some CSS.
How can you read this? There's no JavaScript.

ALT How can you read this? There's no JavaScript.

21
416
2,289
"Don't take criticism from someone you wouldn't take advice from." This one helps a lot.
15
408
2,277
When a non-developer asks what you've been working on lately.
You wouldn't get it

ALT You wouldn't get it

22
539
2,259
When a team is celebrating the deletion of their legacy codebase, but that was your old work.
Looks away quietly.

ALT Looks away quietly.

31
278
2,248
How do you know if someone uses TypeScript? Don't worry, they'll tell you.
52
264
2,281
"For some reason, it seems our website has less engagement than our native app."
47
669
2,188
Gate: Mandatory code review, linting, type checking, unit tests, integration tests, screenshot tests, e2e tests, blue-green deployment Path going around the gate: 3rd party tag manager injecting JS at runtime

ALT Gate: Mandatory code review, linting, type checking, unit tests, integration tests, screenshot tests, e2e tests, blue-green deployment Path going around the gate: 3rd party tag manager injecting JS at runtime

31
582
2,219
Who are you? I'm Rey Rey who? *Looks at React logo* Reyact Native

ALT Who are you? I'm Rey Rey who? *Looks at React logo* Reyact Native

45
381
2,129
API design is UX design.
48
264
2,134
When you ask a CSS dev which files are affected if you delete this selector.
Zac Efron shrugging

ALT Zac Efron shrugging

53
308
2,111
Bored JS dev tortures themselves with pointless ESLint rules

ALT Bored JS dev tortures themselves with pointless ESLint rules

18
403
2,080
When you learn React but realise you can't actually build anything because you don't know HTML, CSS or JavaScript.
Spiderman facepalm

ALT Spiderman facepalm

34
289
2,059
react, react-router, redux, react-redux, react-router-redux, redux-saga, react-redux-router-saga, react-react, react-react-router-router-router
79
227
2,089
Me: "My code isn't that bad." My code:
Spaghetti

ALT Spaghetti

69
375
2,056
Being vaccinated does NOT mean you can put CSS in your JavaScript. PLEASE continue to keep your concerns separated.
39
206
1,979
Parent (Agile coach) setting up an inflatable play house (Scrum) Kids screaming inside (Developers)

ALT Parent (Agile coach) setting up an inflatable play house (Scrum) Kids screaming inside (Developers)

13
368
2,018
I wish JavaScript import statements were written in reverse order so that autocomplete worked properly. e.g. from 'lodash' import { debounce }
92
173
2,011
When you learn React.
Batman clinging to apparitions of his parents, labeled "Knowledge of HTML" and "Knowledge of CSS" No, no. Stay with me! *Crying* DON'T LEAVE ME!!

ALT Batman clinging to apparitions of his parents, labeled "Knowledge of HTML" and "Knowledge of CSS" No, no. Stay with me! *Crying* DON'T LEAVE ME!!

28
347
2,012
Drag and drop tools are just simpler. That's a fact. That's why I'm working on a drag and drop alternative to Microsoft Word. To get started, just open up the dictionary panel, find the word you like and drag it onto the document.
58
275
1,976
Pro tip: Look at the code before committing.
73
300
1,987
When you learn React before learning CSS.
const Button = styled.div` color: blue; text: white; shape: rounded; animation: bouncy; responsive-design: true; `;

ALT const Button = styled.div` color: blue; text: white; shape: rounded; animation: bouncy; responsive-design: true; `;

46
277
1,953
"We'll add it to the backlog" is just the polite way of saying no.
39
387
1,842
My experience migrating to TypeScript as a library author. Day 1: Fine, I guess this will help out my consumers. Day 10: Hey, this is actually kinda useful for me too. Day 100: Wow, how did I ever live without types?
34
249
1,889
JavaScript devs.
Conversation between Phoebe and Joey Undefined Undefined is not is not a function a function Undefined is not a function I don't need static types

ALT Conversation between Phoebe and Joey Undefined Undefined is not is not a function a function Undefined is not a function I don't need static types

25
267
1,855
"Issue: It doesn't work." "Sorry, can you provide more detail?" "Expected behavior: It works."
27
296
1,815
When JavaScript devs need to write code using another language.
I know what I have to do but I don't know if I have the strength to do it

ALT I know what I have to do but I don't know if I have the strength to do it

44
258
1,818
Staircase labelled "Learn HTML", "Learn CSS", "Learn JS", "Design web apps" Boy: Making a single massive step over the entire staircase to get to the last step.

ALT Staircase labelled "Learn HTML", "Learn CSS", "Learn JS", "Design web apps" Boy: Making a single massive step over the entire staircase to get to the last step.

20
320
1,812
Man talking to React logo: Is that you? *Points at picture of PHP logo* Yeah... But that's an old photo...

ALT Man talking to React logo: Is that you? *Points at picture of PHP logo* Yeah... But that's an old photo...

33
257
1,786
API design is the most underappreciated design skill since it's literally invisible to most designers.
34
159
1,750
When you split up your UI into a bunch of micro frontends.
Now what?

ALT Now what?

14
304
1,730
Cat stuck between a window and some furniture. Someone is trying to pull them out: "Time for standup" "How are you tracking?" "Any blockers?"

ALT Cat stuck between a window and some furniture. Someone is trying to pull them out: "Time for standup" "How are you tracking?" "Any blockers?"

13
371
1,700
When you tweet literally anything about React.
Mario kicks the door down: I prefer Vue

ALT Mario kicks the door down: I prefer Vue

43
125
1,705
"As an experienced engineer, my motto is 'Strong opinions, weakly held.'" "Um, that's stupid." "Good point. It is no longer my motto."
10
199
1,632
15
332
1,673
I don't see what's so useful about TypeScript. It's basically the same as JavaScript, except it takes more work because you have to write "any" a lot, and then you don't even get any type checking.
88
102
1,626
"Our UI is too inconsistent. We need a design system so we can standardise it." > 6 months later "I don't like this component. How do I customise it?"
30
218
1,577
"Why are my devs always talking about technical debt? My old devs didn't talk, they just shipped."
34
282
1,578
Current status:
24
730
1,575
When you copy someone's weird coding style so they're more likely to merge your PR.
Orange cat in the middle of some bread trying to look like bread.

ALT Orange cat in the middle of some bread trying to look like bread.

6
206
1,565
Trojan horse: Visual Studio Code Man climbing out: TypeScript

ALT Trojan horse: Visual Studio Code Man climbing out: TypeScript

28
295
1,578
When you tell a great joke at the dinner table.
You're laughing. Your family is laughing. Your smart speaker is listening. Google, Amazon and Facebook are laughing.

ALT You're laughing. Your family is laughing. Your smart speaker is listening. Google, Amazon and Facebook are laughing.

6
427
1,575
Junior dev bio: Junior developer. Mid-level dev bio: Senior information systems engineering team lead. Senior dev bio: I write code.
25
158
1,571
Me: *Adds parentheses to maths equation so I can actually read it* Prettier: *Removes them* Me:
Mike Wazowski staring blankly... but he has Sully's face?

ALT Mike Wazowski staring blankly... but he has Sully's face?

28
118
1,583
The people (developers) drinking though straws from a very tiny cup (open source maintainers)

ALT The people (developers) drinking though straws from a very tiny cup (open source maintainers)

17
347
1,563
JSX: Is a cracker JavaScript developers, as a bird: GET THAT THING OUT OF MY FACE *Chomps the cracker* *Thinks* *Eyes glistening*

ALT JSX: Is a cracker JavaScript developers, as a bird: GET THAT THING OUT OF MY FACE *Chomps the cracker* *Thinks* *Eyes glistening*

27
269
1,553
SpongeBob reaching for his wallet: $3,000 laptop SpongeBob recoiling in disgust: $5 open source donation

ALT SpongeBob reaching for his wallet: $3,000 laptop SpongeBob recoiling in disgust: $5 open source donation

8
229
1,531
Me: I don't need static types. Me: *Tries static types* Me: Oh.
18
122
1,515
Thinking about creating a startup: Hirl daydreaming with crayon in hand. Creating a startup: Girl crying while drawing with crayon.

ALT Thinking about creating a startup: Hirl daydreaming with crayon in hand. Creating a startup: Girl crying while drawing with crayon.

18
358
1,548
The Beatles singing into a single microphone: Product, UX and visual design Ringo drumming alone in the back: Dev

ALT The Beatles singing into a single microphone: Product, UX and visual design Ringo drumming alone in the back: Dev

17
289
1,543
🔥 Capsize is a *massive* leap forward for web typography. ✂️ It uses font metadata to crop space from text nodes above capital letters and below the baseline. 🔍 It adjusts font-size so that the height of capital letters is a multiple of your grid. 👉 seek-oss.github.io/capsize

Capsize

Flipping how we define typography in CSS.

seek-oss.github.io
31
291
1,517
Me: Forgets a required property on an object. TypeScript's error message:
Like 30 traffic signals with different colours.

ALT Like 30 traffic signals with different colours.

24
276
1,521