Create an Enterprise-grade Design System Library with Neo4j Senior Engineer, Costa Alexoglou

Build a Complete Company Design System using React, TypeScript, Storybook, Tailwind CSS, and Styled Dictionary.

Join Costa Alexoglou, senior engineer at Neo4j, in this complete step-by-step \newline guide. You’ll create a flexible, enterprise-grade design system library that your co-workers will actually enjoy.

Learn more about the full course: Build a Complete Company Design System 👉https://www.newline.co/courses/build-...

Go far beyond the incomplete articles and blog posts that attempt to cover portions of building a company design system. In this course, Costa has created the first entirely comprehensive cookbook that gets you started building a complete company design system on day one.

By the end of this course, you will 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 component library to share within your company
✦ How to provide a Tailwind configuration for other teams
✦ How to automate testing for accessibility issues (Axe) and visual changes (Chromatic)
✦ How to publish our assets with Github Actions and Changesets

💻 Don't miss out on our next tutorials; subscribe to \newline's Channel to stay in the know:    / @newlinedotco  
_______

This YouTube tutorial and the full course, Build a Complete Company Design System, are produced by \newline. We democratize the production-level details that you would have to spend years educating yourself working at a Silicon Valley company.

Get instant access to newline's e-books, guides and courses, including this title with the complete code, with a \newline PRO subscription. Click here to subscribe 👉 https://www.newline.co/pricing

Connect with \newline Online!
Visit \newline's Website: https://www.newline.co/
Find \newline on Facebook:   / newlinedotco  
Follow \newline on Twitter:   / fullstackio  
Follow \newline on Instagram:   / newlinedotco  
Chat with \newline on Discord:   / discord  

#designsystem #newline #react

Chapters
0:00 Course Introduction
01:52 Design Systems Overview
03:50 Fundamentals
06:27 Figma to Specs
11:21 Monorepo Architecture
12:41 Building the Monorepo
19:10 TypeScript Configuration