Last updated 12/2022MP4 | Video: h264, 1920x1080 | Audio: AAC, 44.1 KHzLanguage: English | Size: 1.25 GB | Duration: 3h 48m

Learn to build professional components library using React with Storybook and test them in isolation

What you'll learn

Understand React fundamentals

Use React in the Browser and in Node

Build Reusable and Composable React components library

How to use Storybook and React in your project

How to test components with react-testing-library and Storybook

Style Components with TailwindCSS & CSS Modules

Accessibility Testing (a11y)

Visual Regression Testing (VRT)

D

Create Workflows with Github Actions

Requirements

Basic knowledge of javascript and CSS

IDE, version control

Description

A Practical hands-on training to building React components library with Storybook.In this practical, hands-on course, you will learn how to build a React components library with Storybook. You will start by learning React fundamentals and then move on to creating a whole React components library with Storybook. You will also learn about different types of automated testing for Components, how to test components in isolation and how to write D pipelines.It doesn't matter if you're a seasoned React developer or just starting out - this course will help take your skills to the next level. With practical examples based on real-world components, we'll cover everything from building user interfaces with React's simple yet powerful DSLs all the way to properly styling our modules using CSS.The course is designed in such a way that you will be able to create authentic-looking components for any project, whether it's a web app or Single Page Application (SPA). You'll also get insights into how companies develop and maintain standards using javascript-based technologies like React!This course is perfect for anyone who wants to learn more about React and how to build Component libraries. So, if you're ready to take your React skills to the next level, sign up today!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, D Why You Should Take This Class: If you are a 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 javascript and CSS Materials/Resources: javascript & 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 Introducing Node.js

Lecture 12 React app using Webpack

Lecture 13 Install these packages

Section 2: React with Storybook

Lecture 14 Component Driven Development

Lecture 15 Atomic Design

Lecture 16 Use create-react-app CLI

Lecture 17 Adding Stylesheets

Lecture 18 Install Storybook

Lecture 19 Storybook intro with Button component

Lecture 20 Counter component

Lecture 21 React State with useState

Lecture 22 Rating component

Lecture 23 Accordion Component

Lecture 24 useRef with Accordion

Lecture 25 Change Components Title

Lecture 26 TextInput Component

Lecture 27 Controlled Component (TextInput)

Lecture 28 Setup TailwindCSS

Lecture 29 Style TextInput

Section 3: Testing

Lecture 30 Unit test Button Component

Lecture 31 Testing with Storybook

Lecture 32 Testing Accessibility (a11y)

Lecture 33 Setup Visual Regression Test (VRT)

Section 4: D

Lecture 34 What D ?

Lecture 35 Github Actions

Lecture 36 Create CI Workflow

Lecture 37 Fix Failed test on the CI

Lecture 38 Add Codecov

Lecture 39 Add Status Badge

Lecture 40 Publish Storybook with VRTs

Lecture 41 Fix VRT

Bner frontend developer who want to learn React,Someone who knows React but want to learn developing components in isolation with Storybook

HomePage:

gfxtra__Master_The.part1.rar.html

gfxtra__Master_The.part2.rar.html