Quick summary so far and upcoming notice for this section

Contents

• What Is Storybook? A Key Level Overview What Is Storybook? A Key Level Overview

  • What is Storybook and why should we care?

    5m 21s
  • (Locked)
    Which leading engineer teams are using Storybook

    4m 28s
  • (Locked)
    The problem with modern large-scale web apps

    6m 57s
  • (Locked)
    How Storybook improves applications with the isolation of UI development

    4m 11s
  • (Locked)
    How Storybook works with components

    5m 57s
  • (Locked)
    Thesis: Storybook saves valuable time and resources for projects

    3m 15s
  • (Locked)
    Summary and brief overview of this section: Storybook utility

    4m 8s
• 1. React Crash Course for Beginners: What Is React? And How to Build Web Apps 1. React Crash Course for Beginners: What Is React? And How to Build Web Apps

  • (Locked)
    Important note on the upcoming sections

    3m 20s
  • (Locked)
    What is the DOM and what is the React Virtual DOM? React fundamentals

    8m 31s
  • (Locked)
    How to start building a React app with CRA

    4m 2s
  • (Locked)
    CRA: React files and dependencies, an overview

    8m 51s
  • (Locked)
    How to connect the root of React to the DOM and rendering React application

    6m 59s
  • (Locked)
    Running a local development server of React

    9m 10s
  • (Locked)
    What are functional components in React

    11m 2s
  • (Locked)
    Quick observation on ECMAScript standards with React

    3m 36s
  • (Locked)
    The React component tree and composite components

    8m 34s
  • (Locked)
    How props work in React

    7m 6s
  • (Locked)
    Exercise: Build a React component

    7m 50s
  • (Locked)
    What are hooks in React

    12m 24s
  • (Locked)
    Input dynamic tests and events with React

    9m 20s
  • (Locked)
    Event handling practice and section summary

    12m 41s
• 2. Build a Storybook Example from Scratch with React (Junior Level) 2. Build a Storybook Example from Scratch with React (Junior Level)

  • (Locked)
    Installing and setting up Storybook into your project application from scratch

    14m 45s
  • (Locked)
    Overview of how Storybook is configured with web app projects

    9m 29s
  • (Locked)
    How to build a component in React with Storybook: Visual breakdown

    10m 44s
  • (Locked)
    Build a basic sub-component in React

    4m 40s
  • (Locked)
    How to build a story for React components from scratch

    6m 36s
  • (Locked)
    How to use args in Storybook for multiple dynamic component stories

    6m 2s
  • (Locked)
    How to use argTypes and controls in Storybook to create user-friendly stories

    5m 28s
  • (Locked)
    Automating documentation for web components with Storybook

    6m 50s
  • (Locked)
    Customizing docs and values with Storybook

    11m 26s
  • (Locked)
    Adding component complexity for Storybook arguments

    9m 8s
  • (Locked)
    CSS techniques and Storybook rendering

    9m 48s
  • (Locked)
    What are actions in Storybook and the synthetic base event object?

    10m 3s
  • (Locked)
    Hooking up live React components to Storybook and rendering fundamentals

    15m 24s
  • (Locked)
    Creating stories with mock state and events in Storybook

    7m 36s
  • (Locked)
    Testing interactions and events with React components in Storybook

    13m 56s
• 3. Storybook: Advanced Tutorial Code Along 3. Storybook: Advanced Tutorial Code Along

  • (Locked)
    How to set up Storybook with React

    6m 51s
  • (Locked)
    How to build a component with Storybook: CDD methodology

    15m 36s
  • (Locked)
    Configurations for Storybook and Storybook local server

    7m 9s
  • (Locked)
    PropTypes and CSS formatting with Storybook and React

    15m 31s
  • (Locked)
    Using WCAG accessibility to catch errors in Storybook addon

    7m 25s
  • (Locked)
    Building a composite component in React for Storybook

    7m 5s
  • (Locked)
    Building out robust components with Storybook

    16m 24s
• 4. Connecting External Data with Storybook: Redux 4. Connecting External Data with Storybook: Redux

  • (Locked)
    Mini crash course on Redux Toolkit: Setting up the store

    15m 6s
  • (Locked)
    Dispatching actions and selectors for state with Redux in components for React

    15m 16s
  • (Locked)
    Creating a mock Redux store for stories in Storybook

    10m 5s
  • (Locked)
    Connecting mock external data into stories with Storybook for components

    14m 44s
• 5. Building Higher Level Components with Storybook: Redux and React Example 5. Building Higher Level Components with Storybook: Redux and React Example

  • (Locked)
    Summary of Redux code and mock data from previous section

    4m 54s
  • (Locked)
    Fetching remote API data with storage

    11m 17s
  • (Locked)
    Fetching data with component mounting in React and error handling

    9m 58s
  • (Locked)
    Building a screen component and wrapping React around Redux

    5m 4s
  • (Locked)
    Using service workers in Storybook to build stories with API requests

    13m 56s
  • (Locked)
    Feature updates with complex component pages and screens in Storybook

    5m 55s
  • (Locked)
    Automating tests with interactions in Storybook

    8m 15s
  • (Locked)
    Storybook Playwright automations for testing

    5m 34s
• 6. Deploying Storybook to GitHub with Chromatic and Automations 6. Deploying Storybook to GitHub with Chromatic and Automations

  • (Locked)
    Quick summary so far and upcoming notice for this section

    3m 22s
  • (Locked)
    How to deploy Storybook to GitHub and Chromatic

    8m 25s
  • (Locked)
    Automating deployments to Storybook with CI actions and rebasing merges

    10m 16s
  • (Locked)
    Visual testing with regression in components using Storybook

    8m
  • (Locked)
    Conclusion and congratulations!

    4m 14s