This course is a thorough manual for publishing your most memorable component library and design assets using React, TypeScript, Storybook, Tailwind CSS, and Styled Dictionary. You'll make an adaptable, enterprise-grade design system library that your collaborators will really appreciate.
In this course, we will jump into the universe of design systems. We will figure out how they can assist developers with increasing their efficiency, make consistency across a company's items, and eventually accelerate the development interaction.
We will begin by covering the basic ideas of design systems, then, at that point, continue on toward the architecture of a monorepo codebase. We will set up shared configurations for TypeScript, ESLint, and Prettier, and make an establishment package for hosting and distributing design tokens and assets.
Finally, we will figure out how to make tests for our React components using React Testing Library and Hatchet, and oversee discharges using changesets and set up a CI pipeline with GitHub Actions.
This course means to be a thorough aide, or a cookbook, to building a complete company design system without any preparation. Toward the finish of the course, you will have the information and abilities to make a reasonable and maintainable design system for any association.
9 modules33 lessons1h 19m aggregate
5 lessons11m all out
An introduction to the course
Which advancements we will use in this course
Design systems are exploding
Why design systems are becoming famous
Mental models for design systems
Step by step instructions to think of design systems and model them fittingly
From Figma to Code
The most effective method to change over a Figma document to necessities
Design System Monorepo
5 lessons18m all out
Module 1 Introduction
What you will realize in Module 1
The most effective method to structure a design system monorepo
Begin building the monorepo
Using yarn work area to make a monorepo
ESLint and Prettier Configs
5 lessons8m all out
3 lessons3m complete
4 lessons7m absolute
3 lessons17m absolute
4 lessons8m absolute
CI, Changelogs and Publishing
3 lessons4m absolute
Curr. Engineer @neo4j
Fellow benefactor @loceye
👋 Greetings! I am Costa and I'm a Senior programmer. As of now, I lead the design system at Neo4j, a system that is utilized by 8+ groups and in excess of 40 engineers.
I have been working with UIs and design throughout the previous 5 years and have zeroed in on shared front-end insight and tooling since 2020. I really appreciate creating the best shared developer encounters conceivable, which inspired this course. In the course, you'll not just get point by point instructions on the most proficient method to make a complete company design system, you'll likewise come to see best practices that I obtained by building these systems without any preparation beforehand at VisualEyes and Neo4j
Zip/rar files password can be one of these :- FreeCourseUniverse / CheapUniverse
This Link is expired comment if needed will add it..
Hey Guys We are Tech Enthusiasts and we know knowledge is key to success ! We are here to open path to your success by providing what you want. Today education == business. Our moto is education should be accessible by any person who is not able to purchase overpriced content.
All TakenDown courses are available here