How To Build a React UI Library ep1: Setting up the build system and NPM publishing
Channel:
Subscribers:
1,250
Published on ● Video Link: https://www.youtube.com/watch?v=btVwaMWuhtc
44Ever needed to build a UI library for your company? Here's a start of the guide on doing just that. Setup Vite to build your UI library, TSConfig to compile it correctly, publish the library to NPM, and use it the same day.
If you have any questions, comment below or let me know through my social media linked on my personal website: https://antjanus.com/
Helpful links:
- final project result from this video: https://github.com/AntJanus/cottage-ui/tree/128c21e314d498ca10f82ea266ae71e9ce0c2cc7
- Cottage UI library: https://www.npmjs.com/package/cottage-ui
- ViteJS https://vitejs.dev/
- TypeScript CheatSheet https://react-typescript-cheatsheet.netlify.app/
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 |