Recent articles in web development (page 1 of 6)

1. Jan 22, 2024 Use Tailwind CSS prefixes for shared design system components

   Surprisingly little has been written about how to use Tailwind with design systems or shared components, when both those components and the app consuming them are styled with Tailwind. Tailwind's `prefix` option is specifically designed to allow for this, but it's a somewhat ugly solution that we did our best to avoid at Culture Amp until recently. Here's everything we learned, and why we're ultimately embracing `prefix`.

2. Dec 14, 2023 Help! Storybook is eating all our tests!

   Storybook is a visual workshop for developing, composing and documenting UI components in isolation. For many years it’s been a favoured tool by Design System teams. But in recent years, Storybook has sneakily grown into a very powerful and versatile automated testing tool as well! In this talk, I show how Storybook has disrupted the traditional Test Pyramid at Culture Amp and enabled us to test much more with much less code and effort than ever before.

3. Sep 25, 2023 useEffect vs useLayoutEffect and server-side rendering

   Why React prints an ugly warning when you call useLayoutEffect on the server, and what to do about it.

4. Apr 18, 2023 Elm Town #54: Aloha with Kevin Yank

5. Apr 5, 2023 On Endings: Why & How We Retired Elm at Culture Amp

   From time to time someone will ask, "Does Culture Amp still use Elm?" I'll answer privately that no, we are no longer investing in Elm, and explain why. Invariably, they tell me my answer was super valuable, and that I should share it publicly. Until now, I haven't. This is the story of how, after four years of proudly advertising Elm as its preferred language for building web UIs, Culture Amp decided – I decided – to leave it behind.