Building a React Component Library: A Senior Developer's Guide

Join us on a comprehensive journey as a seasoned developer walks you through the process of creating a React component library. In this tutorial series, you'll learn everything from setting up TypeScript in your project to configuring Circle CI automations. Here's what you can expect:

Introduction to the project
Installing TypeScript and setting up the environment
Creating essential page components
Setting up Rollup for building the component library
Implementing Jest and React Testing Library for testing
Integrating Babel and passing unit tests
Incorporating Styled Components and testing styling
Installing Storybook for visual component inspection
Implementing Husky for pre-commit checks
Configuring ESLint for code quality
Understanding conventional commits and best practices
Automating CI with Circle CI
Whether you're a beginner or an experienced developer, this series will equip you with the skills needed to create robust React component libraries efficiently. Don't miss out on this insightful journey into the world of component development!

Don't forget to like, subscribe, and share this video for more tutorials like this.

Check Out My Links ⬇️
https://www.imrancodes.com/contact

Download 3 FREE Ebooks 🔗
https://www.imrancodes.com/ebooks#new...

Repository
https://github.com/imran-codes/react-...

00:00:00 1. Intro
00:01:17 2. Install Typescript in the project
00:08:54 3. Creating our page component
00:14:16 4. Rollup setup and build the component library
00:27:24 5. Install jest and react testing library and run our first test
00:32:42 6. Installed babel and passed unit tests
00:34:13 7. Installed styled components and added unit tests to test the styling
00:38:07 8. Install storybook to visually see your components
00:41:53 9. Installed husky and added pre commit checks
00:50:20 10. Configuring eslint
00:57:36 11. Conventional commits and best practices
01:03:57 12. Circle CI Automations