All Tutorials

Create a component library using React and Storybook

Create a component library using React and Storybook.
Create a component library using React and Storybook.

Create a component library using React and Storybook

A step-by-step guide for creating a reusable React components library for enterprise use.

What you’ll learn

Create a component library using React and Storybook

  • Comprehension and response are fundamentals.
  • React may be used in both the browser and Node.js.
  • To create a composable React web component library.
  • To create web components in isolation, use Storybook.
  • Using the react testing library for testing
  • A Storybook is being used for testing.
  • Testing for Accessibility (a11y)
  • Visual Regression Analysis (VRT)
  • Workflows may be created using Github Actions.
  • CI/CD

Requirements

  • Fundamentals of Javascript and CSS, the IDE, and version control

Description

You’ll learn the principles of React by building a components library using Storybook in this course. We’ll begin by learning how to use React in the browser, then in Node.js, before moving on to using Storybook to construct a complete React components library. You’ll learn about several forms of Web application testing, the advantages of each, and how to set up a complete CI/CD process to test and publish the components.

This course is a step-by-step tutorial for learning React. All of the ideas in this course are based on how firms use React to create and manage web components.

  • You’ll learn how to construct components, CSS Modules, component composition, unit testing, storybook testing, testing accessibility, visual regression testing, and CI/CD using React v17, class-based components, functional components, hooks, JSX, props, and state.
  • Why Should You Take This Class? This class is for front-end developers who want to learn React or who have used React but want to understand more advanced concepts, including how to utilize React in a production environment to construct Web components and how to develop components in isolation using Storybook.
  • Who Should Attend: Front-end developers who are familiar with Javascript and CSS principles.
  • knowledge of Javascript and CSS, Node.js installed IDE, and Github account.

Who this course is for:

  • React is a new frontend framework that newbie frontend developers are keen to master.
  • Someone who is familiar with React but wants to learn the creation components separately using Storybook.

Create a component library using React and Storybook CourseForFree.net

FastAPI | Build a Complete Movies API

Get Course Now

Advertisement

Categories