Back to Browse

Build a React Component library using Cursor AI

3.4K views
Sep 23, 2024
1:35:46

Learn how to build a React component library. After the video you will have: - Set up a project using Vite and Rollup for building your component library - Learned how to write styles in Vanilla Extract - Set up a build process using Github Actions - Installed the component library in a Next.js app - Learned how to work with the library and the consumer app locally Chapters: 00:00 - Project walkthrough 04:06 - Setting up the project 12:32 - Create our first component 18:42 - Styling our component 38:10 - Writing a ThemeProvider 58:02 - Adding a dark version of our component 1:06:00 - Create a build process for our project 1:18:19 - Finalizing our build 1:25:05 - Install in a Next.js app 1:30:18 - Using symlink for local development and testing GitHub repo: https://github.com/themaxsandelin/component-library/tree/feature/base-setup --------- Website: https://maxsandelin.com Instagram: https://instagram.com/themaxsandelin Threads: https://threads.net/themaxsandelin Twitter: https://twitter.com/themaxsandelin

Download

0 formats

No download links available.

Build a React Component library using Cursor AI | NatokHD