Newline – Storybook for React Apps 2022-3
Newline – Storybook for React Apps 2022-3 Downloadly IRSpace
Super Admin
Storybook for React Apps, Storybook is an open-source tool that helps you develop UI components in isolation. It runs in your codebase, but separately from your application. It’s like a sandbox, allowing you to not get distracted by incomplete APIs, flaky data, and other external dependencies. It integrates with frameworks like React, Vue, Svelte, Angular, and many others. With Storybook, you can ease the development of a design system and share a common language with designers. QA’s can get an overview and test functionalities in isolation. Stakeholders can use it for demo purposes. Overall, Storybook helps connect all of these people, greatly improving collaboration. In this course, we will unleash the full potential of Storybook for React apps. We start from the basics of Storybook and later switch to a real world application, learning how to develop features directly in Storybook, saving lots of development time and at the same time, creating a living documentation of components and features. By the end of this course, you will be able to use Storybook to develop and document components, features, and pages in your work. You’ll also learn how Storybook helps you collaborate with your colleagues, both technical and non-technical (like designers and stakeholders)!
What you’ll learn
- The core concepts of Storybook
- Development workflow with Storybook
- Unleash the full potential of Storybook, adding features and pages
- Testing strategies with Storybook
- How to build UI faster
- Mental models for component development
- Tools to improve designer-developer collaboration
- Best practices
Specificatoin of Storybook for React Apps
- Publisher : Newline
- Teacher : Yann Braga
- Language : English
- Level : All Levels
- Number of Course : 30
- Duration : 3 hours and 16 minutes
Content of Storybook for React Apps
Course Introduction
What is Storybook?
The key concepts around Storybook
Installing and exploring Storybook
What makes up a Story?
Decorators
Essential Addons
Theming the Storybook app
Accessing the project
Breaking down our use-case
Writing the atomic components
Adding decorators – theme support
Theme switching with globals and parameters in decorators
Connecting Figma with Storybook
Composing components
Finalizing the feature and integrating it into the app
Data fetching – Container Pattern
Data fetching – Conditional Logic
Data fetching – Mocking Requests
Adding PageTemplate and Redux support to Storybook
Adding the HomePage to Storybook
Adding the Restaurant detail page – Deeplinking and React portals
Adding the Restaurant detail page – mocking different scenarios with MSW
Storybook ESLint plugin
Interaction testing
Storybook test runner
Accessibility testing
Deploying your Storybook with Chromatic
Visual regression in Chromatic
Conclusion and extra resources
Pictures
Sample Clip
Installation Guide
Extract the files and watch with your favorite player
Subtitle : Not Available
Quality: 1080p
Download Links
File size
654 MB
