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:
TO MAC USERS: If RAR password doesn't work, use this archive program:
RAR Expander 0.8.5 Beta 4 and extract password protected files without error.
TO WIN USERS: If RAR password doesn't work, use this archive program:
Latest Winrar and extract password protected files without error.