How To Build a React UI Library ep2: Setting up Storybook and TailwindCSS support
Channel:
Subscribers:
1,250
Published on ● Video Link: https://www.youtube.com/watch?v=5zCXD7QscGQ
11A big part of building a UI library is styling and in this video, we'll tackle setting up Storybook for previewing your components and TailwindCSS for styling those components.
Resources:
- Tailwind Vite guide: https://tailwindcss.com/docs/guides/vite
- Storybook for Vite: https://storybook.js.org/blog/storybook-for-vite/
- Repository with all the changes: https://github.com/AntJanus/cottage-ui/tree/db450acfaa25174cc55a626b8625bb08d7843e92
Other Videos By Antonin Januska
| 2024-03-19 | How To Build a React UI Library ep4: Testing With Vitest And React Testing Library |
| 2024-03-07 | How To Build a React UI Library ep3: Exporting Styles and Types |
| 2024-02-23 | How To Build a React UI Library ep2: Setting up Storybook and TailwindCSS support |
| 2024-02-19 | How To Build a React UI Library ep1: Setting up the build system and NPM publishing |
| 2021-06-22 | How I Structure My React Applications |
| 2021-05-28 | Final Fantasy V: Best Class System |
| 2021-01-11 | How I Plan Software Development Projects |
| 2020-11-10 | Townscaper |
| 2020-08-27 | DevLog[001]: Building Lesnik with Aseprite and Godot |
| 2020-06-08 | Final Fantasy II - A Good Game |
| 2020-05-28 | VLOG[027] - Metroid Prime |
| 2020-05-12 | VLOG[026]: Final Fantasy && Final Fantasy IV |
| 2020-02-12 | How I Work: Notepad++ |
| 2020-02-10 | How I Work: tar |
| 2019-09-26 | How I Work: fzf |
| 2019-09-13 | How I Work: Tmux |
| 2019-06-21 | DevLog[000]: Skok Photo Manager |
| 2019-06-12 | Cyborg Justice - First play |
| 2019-05-12 | It Lurks Below gameplay |
| 2019-05-07 | Svarog GameDev Log |
| 2019-05-01 | PICO-8 Overview |