Master The Core Concepts Of React And Storybook

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)
CI/CD
Create Workflows with Github Actions
Requirements
Basic knowledge of jаvascript 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 CI/CD 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 jаvascript-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, CI/CD 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 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 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: CI/CD
Lecture 34 What CI/CD ?
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
Beginner frontend developer who want to learn React,Someone who knows React but want to learn developing components in isolation with Storybook

Homepage

https://www.udemy.com/course/build-react-v17-components-with-storybook/