Скачать с ютуб Building a React Component Library: A Senior Developer's Guide в хорошем качестве

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