Newline – Build a Complete Company Design System 2022-12
Published on: 2024-12-06 00:17:53
Categories: 28
Descriptions
Build a Complete Company Design System, This course is a comprehensive guide to publishing your first component library and design assets using React, TypeScript, Storybook, Tailwind CSS, and Styled Dictionary. You’ll create a flexible, enterprise-grade design system library that your co-workers will actually enjoy. In this course, we will dive into the world of design systems. We will learn how they can help developers increase their productivity, create consistency across a company’s products, and ultimately speed up the development process.
We will start by covering the fundamental concepts of design systems, then move on to the architecture of a monorepo codebase. We will set up shared configurations for TypeScript, ESLint, and Prettier, and create a foundation package for hosting and distributing design tokens and assets. Next, we will create a React package with demo components that are styled using our design system’s style tokens. We will also create a Storybook package and learn the best practices for developing and documenting components with TypeScript. We will focus on styling our components in two ways: using CSS-in-JS with styled-components and JavaScript design tokens, as well as Tailwind CSS classes. Finally, we will learn how to create tests for our React components using React Testing Library and AXE, and manage releases using changesets and set up a CI pipeline with GitHub Actions.
What you’ll learn
- How a simple monorepo works with Yarn workspaces
- What design tokens are, and how to generate them with Styled-Dictionary
- How to create a shared component library
- Automate testing for accessibility issues (Axe) and visual changes (Chromatic)
- Develop and document our design system with Storybook
- How to publish with Github Actions and Changesets
- How to provide a Tailwind configuration for other teams
Specificatoin of Build a Complete Company Design System
- Publisher : Newline
- Teacher : Costa Alexoglou
- Language : English
- Level : All Levels
- Number of Course : 21
- Duration : 1 hours and 20 minutes
Content of Build a Complete Company Design System
Pictures
Sample Clip
Installation Guide
Extract the files and watch with your favorite player
Subtitle : Not Available
Quality: 720p
Download Links
Download – 209 MB
File size
209 MB
Leave a Comment (Please sign to comment)
