Introduction
Building scalable libraries with React and Storybook
()
1. Project Setup and Tooling
Setting up a new React project
()
Installing and setting up Storybook
()
Creating React components
()
Challenge: Create a new React component
()
Solution: Create a new React component
()
2. Introduction to Storybook
What is Storybook and why use it?
()
Exploring the Storybook interface
()
Writing your first story
()
Challenge: Write your first story
()
Solution: Write your first story
()
3. Developing Reusable React Components for Component Libraries
Consistent styling using styled-components and design tokens
()
Making components reliable with accessibility essentials
()
4. Documenting and Managing Components in Storybook
Writing comprehensive stories with the Docs add-on
()
Using Controls and actions to enhance stories
()
Challenge: Add controls and actions to a React component
()
Solution: Add controls and actions to a React component
()
Conclusion
Best practices for component libraries
()
Next steps
()