10. Margin is the devil

Use stacks, gaps, nesting and padding. The only good margins are negative margins, except in prose typography.

Literally no exceptions to this rule. If you think you've found one, you're wrong.

So my problem with it is mainly that it leaks styling. Consider:

const Foo = () => (
<>
<div>A</div>
<div>B</div>
</>
)

const App = () => (
<div style='flex' gap='12px'>
<Foo />
<div>C</div>
</div>
)

now the flex-gap leaks into the Foo Component,

In React, needless complexity and repeated null checks can often be eliminated via one simple pattern:

Return early when loading. Render *one* loading spinner until all fetch calls are complete.

Benefits:
1. The user doesn’t see a bunch of layout shift caused by multiple

'Every time you remove duplication, you add coupling.' - Steve "ardalis" Smith

So before eliminating duplicated code, I have to ask:

Is the coupling I'm about to create warranted?

Are the things I'm about to couple related?

Will this coupling make changes harder later, or easier?

components / hooks / types / utils (and constants) is the split I'm seeing in many codebases, yet it's the one I dislike the most. It groups by type, not by domain. 'useTheme' will live next to 'useTodo', but not next to ThemeProvider ... why?

Questions that I wish clients (and potential clients) would ask us, but they almost never do:

I’m gonna give 10 random people that repost this and follow me $25,000 for fun (the $250,000 my X video made)

I’ll pick the winners in 72 hours

Do you really need to put that data in a React Context?
mskutle.dev/blog/avoiding-…

I often see developers create reusable React components that return a fragment as its root element. Here's why that's a bad idea 👇🏻

mskutle.dev/blog/do-not-us…

What’s the best library for doing drag & drop functionality with React nowadays? Looking at dnd kit, which seems decent

Saved by stately XState again. The amount of complexity that simply vanishes when using state machines instead of booleans and if’s and else’s everywhere is astonishing 🤩

Laurie Reminds me of this terrific blog post. intercom.com/blog/there-are…

Is High Quality Software Worth the Cost? Excellent explanation by Martin Fowler of #TechnicalDebt and #Cruft , quite accessible to people who aren’t coders. Recommend for #Agile #Leaders and #Managers martinfowler.com/articles/is-qu…