Back to Browse

ATOMIC DESIGN with REACT and TAILWIND

3.1K views
Sep 23, 2024
39:36

Last time we’ve successfully scaffolded the project. Now let’s get it up by creating a component library using the Atomic Design methodology. Read it here: https://buszewski.com/writings/2024-09-23-design-systems-in-react-atomic-design-part-1 Repo: https://github.com/tomekbuszewski/react-design-system/tree/part-1-atomic-design --- 0:00 Start 1:41 Prerequisites 1:59 What are we building? 4:11 Expanding the generator 7:21 The tokens 9:40 Starting with atoms 24:27 Making a molecule 29:32 The "form" organism 38:57 Summary

Download

1 formats

Video Formats

360pmp464.2 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

ATOMIC DESIGN with REACT and TAILWIND | NatokHD