Recent articles in Culture Amp (page 1 of 3)

1. Oct 3, 2024 Tailwind CSS and Traditional CSS Solve Different Problems

   Tailwind CSS’s core idea is that 99% of the CSS we write today is unnecessary repetition, that would be better expressed with a higher-level language inline with our HTML, tight coupling with which is inevitable. Even if you like CSS and enjoy writing and maintaining it [which I do –Kev], Tailwind argues that this is usually not a good use of our time.

2. 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`.

3. 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.

4. 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.

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