Frontendmasters - Design Systems with React & Storybook - [AhLaN]

Files:

• 2. Using Add-ons & Themes.mp4 (103.1 MB)
• 1. Documenting Components with Storybook.mp4 (36.7 MB)
• 3. Actions.mp4 (13.0 MB)
• 4. Knobs.mp4 (30.2 MB)
• 5. Modal Documentation Exercise.mp4 (3.4 MB)
• 6. Modal Documentation Solution.mp4 (5.5 MB)
• 7. Accessibility.mp4 (17.5 MB)
• 8. Customizing Storybook.mp4 (21.2 MB)
• 9. Deploying Storybook.mp4 (45.5 MB)

• design-systems-formatted.pdf (5.5 MB)
• design-systems.rar (2.1 MB)
• Seed Me!!.png (42.0 KB)
1. Introduction
• 1. Introduction.mp4 (25.9 MB)
2. Foundations of Design Systems
• 1. Design Systems & Why They Matter.mp4 (21.2 MB)
• 2. Drawbacks of Design Systems.mp4 (6.2 MB)
• 3. Team Structure.mp4 (8.9 MB)
• 4. Who are Design Systems For_.mp4 (4.4 MB)
• 5. A Practical Example.mp4 (10.7 MB)
• 6. The Three Pillars of Design Systems.mp4 (12.6 MB)
• 7. Building a Design System.mp4 (42.1 MB)
• 8. Design System Checklist.mp4 (13.9 MB)
• 9. Common Mistakes.mp4 (14.8 MB)
3. Foundations of Design
• 1. Color Overview.mp4 (16.4 MB)
• 2. Color Terminology.mp4 (20.7 MB)
• 3. Color Semantics.mp4 (16.1 MB)
• 4. Color Values.mp4 (6.3 MB)
• 5. Creating a Color Palette.mp4 (19.8 MB)
• 6. Color Palette Practice.mp4 (22.9 MB)
• 7. Typography.mp4 (11.3 MB)
• 8. Fonts.mp4 (16.5 MB)
• 9. Typescale.mp4 (3.3 MB)
• 10. Typescale Exercise.mp4 (31.8 MB)
• 11. Typescale Solution.mp4 (12.8 MB)
• 12. Other Areas of Design.mp4 (4.6 MB)
4. Designing Components with Figma
• 1. Button States & Styles.mp4 (22.2 MB)
• 2. Building a Button Exercise.mp4 (13.9 MB)
• 3. Building a Button Solution.mp4 (7.3 MB)
• 4. Designing a Modal.mp4 (43.9 MB)
• 5. Designing a Modal Practice.mp4 (5.4 MB)
5. Developing Styled Components
• 1. How We Apply CSS & Specificity.mp4 (9.1 MB)
• 2. Problems with CSS.mp4 (7.9 MB)
• 3. CSS Naming Architectures & Preprocessors.mp4 (10.4 MB)
• 4. CSS in JS.mp4 (4.2 MB)
• 5. Application Setup.mp4 (87.7 MB)
• 6. Button Activity Exercise.mp4 (24.1 MB)
• 7. Button Activity Solution.mp4 (16.6 MB)
• 8. Adding Utilities.mp4 (23.9 MB)
• 9. Creating a Theme.mp4 (35.9 MB)
• 10. Adding Global Styles.mp4 (38.8 MB)
• 11. Adding State Exercise.mp4 (20.6 MB)
• 12. Adding State Solution.mp4 (42.5 MB)
• 13. Button Variations.mp4 (29.7 MB)
• 14. Button Variations Exercise.mp4 (57.0 MB)
• 15. Button Variations Solution.mp4 (7.7 MB)
• 16. Making Extensible Themes.mp4 (99.1 MB)
• 17. Building a Modal Wrapper.mp4 (49.0 MB)
• 18. Building a Modal.mp4 (77.5 MB)
6. Animating Components
• 1. Micro-interactions.mp4 (16.4 MB)
• 2. useSpring .mp4 (32.7 MB)
• 3. useTransition.mp4 (46.9 MB)
• 4. Animating the Modal.mp4 (41.8 MB)
• AhLaN.txt (0.9 KB)
8. Wrapping Up
• 1. Wrapping Up.mp4 (9.9 MB)