Convert a Figma design to ReactJS components using Storybook

Learn to build a reusable, robust, animated and fully typed ReactJS component library based on a Figma design system.
3.77 (69 reviews)
Udemy
platform
English
language
Other
category
Thijs Smudde
instructor
Convert a Figma design to ReactJS components using Storybook
782
students
3 hours
content
Nov 2021
last update
$34.99
regular price

What you will learn

Convert a Figma design system to a fully typed ReactJS component library.

Create isolated components of varying complexity with ReactJS, TailwindCSS and Storybook.

Create responsive UI elements using breakpoints and grids.

Implement a dark mode for each of the UI elements.

Understand how you can build & consume your component library.

Course Gallery

Convert a Figma design to ReactJS components using Storybook – Screenshot 1
Screenshot 1 – Convert a Figma design to ReactJS components using Storybook
Convert a Figma design to ReactJS components using Storybook – Screenshot 2
Screenshot 2 – Convert a Figma design to ReactJS components using Storybook
Convert a Figma design to ReactJS components using Storybook – Screenshot 3
Screenshot 3 – Convert a Figma design to ReactJS components using Storybook
Convert a Figma design to ReactJS components using Storybook – Screenshot 4
Screenshot 4 – Convert a Figma design to ReactJS components using Storybook

Charts

Students
Price
Rating & Reviews
Enrollment Distribution
Related Topics
4369412
udemy ID
27/10/2021
course created date
05/11/2021
course indexed date
Bot
course submited by