React Design System and Patterns

Enhance your skills in developing design systems by encapsulating your styled components in React and other frameworks
What you'll learn
Build highly reusable and extensible components
Apply the Encapsulated Style principle in your design systems
Convert the common styles into reusable styled components
Build your component library by composing a set of low-level components
Requirements
Basic understanding in html, css and jаvascript
Description
Hi, welcome to this course on React Design system and patterns.If you are a Frontend developer that wants to learn how to build a sophisticated component library that is highly reusable and really simple to maintain than you will need the patterns I teach in this course.The materials of this course are the result of working on several design systems for multiple enterprise companies.The idea that I will teach you in this course is very simple. Similar to your daily speaking with others by only using a small and limited number of vocabularies, developing complex components can be achieved by combining a set of low-level styled components.We will build a set of common styles in form of reusable styled components to be later on consumed for building complex layouts. We will follow the "encapsulated CSS" principle throughout the journey to make our components extensible and customizable.At the end of the course we will use all of the patterns to build a final project to see the benefits of our work in practice. The project will be a single page design with fairly complex css styles.This course will give you a knowledge on building design systems at enterprise level that will help you stand-out from other developers.The course materials will be presented in ReactJS but they can be used by frontend developers for building design systems in any other frameworks and libraries.
Who this course is for
React JS developers looking to bring their skills in building design systems into next-level
Front-end developers looking to build robust design systems
Homepage

https://www.udemy.com/course/react-design-system-patterns/