The two Reacts
A very well written overview of when client-side functionality and server-side functionality make sense to use for a […]
Archives
Compare front end framework code patterns
A brilliant site for comparing common component patterns across most of the major front end frameworks. Want to learn Svelte and already know React? Select both, pick the pattern you're wanting to […]
Core web vitals reporting
A semi-official reporting tool to interrogate trends in web technologies versus Core Web Vitals (including the upcoming INP metric). Things look particularly bad for React-based frameworks, but […]
One Neat CSS Trick
Using pseudo-selectors like :where and :not to invert style rules, allowing for better code encapsulation and context sharing across a codebase.
React modal using <dialog> element
An extremely detailed overview of how to use the native <dialog> element in React to build a state-driven modal component. As ever, the answer is significantly more complicated than it would be […]
Accessible chart & data library
Easily the most comprehensive and impressive charting and data visualisation library I've come across. Graphs and charts are keyboard accessible, well-labelled, meaningfully marked up, with colour […]
Module Mindsets
I'm still enjoying the wombo-combo of Sass and CSS Modules, but my React-ified brain occasionally blanks on how to approach certain problems. The one that catches me out the most: style inheritance.
Styling on the Server
The increasing use of React Server Components is meaning the end of the CSS-in-JS era. But what options exist to fill that gap? I've been pleasantly surprised with what I've found.
Making sense of React Server Components
A superb breakdown of the changes being made in React 18+ around the new React Server Components paradigm. Josh has a knack for explaining complex problems in simpler ways, and this is no exception; […]
React server components tips
A quick overview of React Server Components and some of the mental models that are useful when thinking about how they might be applied, in […]
The great gaslighting of the JavaScript era
I'm not sure I agree fully with everything Jared has written here – and there's a strong feeling of bias-tinted vision to some of the claims – but I enjoyed the overall trend of the argument and […]
A Local Data Store in Astro
A quick (and dirty) way to fetch local data from a JSON file and modify the look of a page in Astro, completely natively.
JavaScript, community
There's been a growing backlash in certain circles to surveys like the State of JavaScript. I don't fully agree with the underlying rhetoric, and I do think that these surveys are both well-meaning […]
The self-fulfilling prophecy of React
I've been saying for years that React feels like jQuery did circa 2010: it's used everywhere, its devotees are numerous, but the leading edge left it in the dust a while ago. I do think that Hooks […]
Live Regions, React, & VoiceOver
Apparently, ARIA live regions don't play nicely with React. Whilst they work fine in many browsers, they simply don't function in VoiceOver without some workarounds.
The weirdly obscure art of Streamed HTML
A fascinating series looking into how to turn a modern React eCommerce front end into as fast a page as possible. The conclusions are not what I had […]
Styled Component Quirks
Styled Components have tripped me up a few times today, but I ended up learning some useful tricks as a result.
React TypeScript cheat sheet
"Official" documentation on how to pair React and TypeScript. Very useful in conjunction with the GitHub […]