Design Systems with React and Typescript in Storybook
- React
^16.0.0 - Extend
- TypeScript
In this course, we will learn how to set up all the necessary infrastructure to build a Design System of reusable React components, with state of the art developer experience afforded by Typescript and Storybook.
A design system is a series of components that can be reused in different combinations. Design systems allow you to manage design at scale. Design Systems can be a significant productivity multiplier in any medium-to-large project or company because you can document your components as you develop them, ensure a consistent look and feel throughout all your screens, and have a seamless workflow between designers and developers.
Free Community Resource
A Community Resource means that it’s free to access for all. The instructor of this lesson requested it to be open to the public.
Learner Reviews
- Anton5 years agoWhat did you like about this course?
Thanks for the smooth introduction. I'm going to use this for my daily job.
- Sergey5 years agoHow will you use what you learned from this course?
I will use new add-ons in my storybooks, which I weren't aware about before.
- Pierre Veissi5 years agoHow will you use what you learned from this course?
I wanted to adapt storybook with styled-components for my RN project and this tutorial gave me a basic understanding of storybook
thanks
- Axy Vox5 years agoWhat did you like about this course?
Short, usefull and to the point! :)
- Axy Vox5 years agoWhat did you like about this course?
Short, usefull and to the point! :)
- pery mimon mimon5 years agoWhat did you like about this course?
short and intersting ... give me the idea of the storybook
Course Content
You might also like these resources:
Introduction to Cloudflare Workers
Become familiar with the Workers CLI wrangler that we will use to bootstrap our Worker project. From there you'll understand how a Worker receives and returns requests/Responses. We will also build this serverless function locally for development and deploy it to a custom domain.
Create an eCommerce Store with Next.js and Stripe Checkout
This is a practical project based look at building a working e-commerce store using modern tools and APIs. Excellent for a weekend side-project for your developer project portfolio
Practical Git for Everyday Professional Use
git is a critical component in the modern web developers tool box. This course is a solid introduction and goes beyond the basics with some more advanced git commands you are sure to find useful.