React And Storybook: Build Components Library
Last updated 6/2022
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz
Language: English | Size: 1.14 GB | Duration: 3h 25m

Practical guide on how to build composable React components library for enterprise
What you'll learn
Understand React fundamentals
Use React in the Browser and in Node
Create React web components library that are composable
Use Storybook to develop web components in isolation
Testing with react testing library
Testing with Storybook
Accessibility Testing (a11y)
Visual Regression Testing (VRT)
CI/CD
Create Workflows with Github Actions
Requirements
Basic knowledge of jаvascript and CSS
IDE, version control
Description
In this course, you will learn the React fundamentals by building the Components library with Storybook. You will start by learning how to use React in the browser and in Node.js and we will move on to create a whole react components library with Storybook. You will learn different types of testing Web applications the benefits of each type, and how to create a full CI/CD workflow to test and publish the components.This course is a practical guide to learning React, all the principles in this course are based on how companies build and maintain web components using React.What You Will Learn: You will learn how to build React components using React v17, Class based components, Functional components, Hooks, JSX, Props , State, Storybook to develop Components, CSS Modules, Component Composition, Unit Testing, Storybook testing, Testing Accessibility, Visual Regression Testing, CI/CD Why You Should Take This Class: If you are Frontend developer who wants to learn React or you have used React but want to learn more advanced concepts and how to use React in a production environment to create Web components and how to develop components in isolation with Storybook then you should take this classWho This Class is For: Frontend developers who know the basics of jаvascript and CSS Materials/Resources: jаvascript & CSS knowledge, Node.js installed, IDE , github account
Overview
Section 1: React Fundamentals
Lecture 1 Course Introduction
Lecture 2 React Introduction
Lecture 3 React in the Browser
Lecture 4 JSX
Lecture 5 JSX perks
Lecture 6 Class based Components
Lecture 7 Functional Components
Lecture 8 Props
Lecture 9 Handeling Events
Lecture 10 State
Lecture 11 React app using Webpack
Section 2: React with Storybook
Lecture 12 Component Driven Development
Lecture 13 Use create-react-app CLI
Lecture 14 Adding Stylesheets
Lecture 15 Install Storybook
Lecture 16 Storybook intro with Button component
Lecture 17 Counter component
Lecture 18 React State with useState
Lecture 19 Rating component
Lecture 20 Accordion Component
Lecture 21 useRef() with Accordion
Lecture 22 Change Components Title
Lecture 23 TextInput Component
Section 3: Testing
Lecture 24 Unit test Button Component
Lecture 25 Testing with Storybook
Lecture 26 Testing Accessibility (a11y)
Lecture 27 Setup Visual Regression Test (VRT)
Section 4: CI/CD
Lecture 28 What CI/CD ?
Lecture 29 Github Actions
Lecture 30 Create CI Workflow
Lecture 31 Fix Failed test on the CI
Lecture 32 Add Codecov
Lecture 33 Add Status Badge
Lecture 34 Publish Storybook with VRTs
Lecture 35 Fix VRT
Beginner frontend developer who want to learn React,Someone who knows React but want to learn developing components in isolation with Storybook
Screenshots