Developing React Components

on YouTube ↗45m

" summary

Covers creating React components using SOLID design principles, organizing an app into components (differentiating dumb/presentational and smart/container components), using Storybook for component development, and handling component styling.

AI-written summary · about

" chapters (12)

1. 0:00Introduction
2. 1:09React component problems
3. 3:18SOLID in React
4. 7:42Liskov substitution
5. 9:11Interface segregation
6. 11:29Dependency inversion
7. 14:05Header component bugs
8. 16:38Component type separation
9. 19:53CSS problems and fixes
10. 24:23Styling recommendations
11. 25:06Using Storybook
12. 37:10Q&A

" related talks

• 26mOn the way to making the React components more reusableOlena Sovyn · ReactJS Day 2017
• 44mA Practical Guide for Crafting Resilient UI ComponentsGlenn Reyes · Copenhagen Developers Festival 2023
• 07mReact components, atomic design and storybookEinar Afiouni · NDC Oslo 2017
• 38mReact-Storybook: Design, Develop, Document and Debug your React UI componentsMarie-Laure Thuret · React Alicante 2017
• 21mDesign Systems 101: The Developer Approach to Better FrontendsKaleb Garner · Commit Your Code 2026
• 24mBuild React Apps Fast Using Storybook, DDD, and Atomic DesignAlon Valadji · ReactNext 2019
• 24mCase Study: Creating a Component Library in React JSKathryn Grayson Nanz · NationJS Frontrunners React 2019
• 27mA Practical Guide to Building Your Design System InfrastructureVarya Stepanova · React Finland 2019