Lessons

Explore all newline lessons

Tags
Author
Search authors...
Pricing
Sort By
Video
Most Recent
Most Popular
Highest Rated
Reset
https://image.mux.com/DN3np44kdGbZNmGokj02wHhukaNygFtXYsUbRsMm3WOc/thumbnail.png?time=0

lesson

Creating Your First Stories in StorybookBuild a Complete Company Design System

Using Storybook to document our component library

Avatar Image
Costa Alexoglou
https://image.mux.com/NQCHTc00Fhi9jRPe3Y4qkL1ZyzDnWfSQfbpGblgLl14w/thumbnail.png?time=0

lesson

Setting Up Storybook for Company Design SystemsBuild a Complete Company Design System

Developing the component library with Storybook

Avatar Image
Costa Alexoglou
https://image.mux.com/PuAFD5LHHejLjg5JryrCIi00iueoaBXzkNnhgQE2QTKc/thumbnail.png?time=0

lesson

How to Write React Components for a Company Design SystemBuild a Complete Company Design System

Write our first Button component

Avatar Image
Costa Alexoglou
https://image.mux.com/HsCqtqFUac3KHhh327EQsySKBAqVilPMPxm914YUNj4/thumbnail.png?time=0

lesson

Setting Up A React Component Library for Design SystemsBuild a Complete Company Design System

Setting up the react component library package

Avatar Image
Costa Alexoglou
https://image.mux.com/ahK8Bud7IyHA3vvjyorGqB00iq00imZFw4B02aVAS7grYU/thumbnail.png?time=0

lesson

Creating Tailwind CSS Presets With Design TokensBuild a Complete Company Design System

Creating a Tailwind CSS preset with JavaScript design tokens

Avatar Image
Costa Alexoglou
https://image.mux.com/E3l8QqnYFBwxiA6VxpC75aKWYIe00012DYgCpIs9Q01JRA/thumbnail.png?time=0

lesson

A Guide to Transforming Design Tokens with Style DictionaryBuild a Complete Company Design System

Transforming raw design tokens with Style Dictionary

Avatar Image
Costa Alexoglou
https://image.mux.com/x00XDtilecndpFgbM6jEmLoWqhwdDfG01T6S3hCeAv5Vs/thumbnail.png?time=0

lesson

How to Work With and Structure Design TokensBuild a Complete Company Design System

How to work with design tokens

Avatar Image
Costa Alexoglou
https://image.mux.com/Sobm02lxxRl8027HHJe2IMIuj00OC019fmvqUh01BSGX00hNo/thumbnail.png?time=0

lesson

Create ESLint and Prettier Configs for a Design SystemBuild a Complete Company Design System

Avatar Image
Costa Alexoglou
https://image.mux.com/pE02DxoZyqPDi2eHrkBbiL1Quh017Qm7QRKOdd317DAxY/thumbnail.png?time=0

lesson

How to Build a Dynamic Design System With TypeScriptBuild a Complete Company Design System

Avatar Image
Costa Alexoglou
https://image.mux.com/TtqSGBJNOeNBr48HSvXejnuspaQxgpu8nhXjnrarq3U/thumbnail.png?time=0

lesson

Using Yarn Workspaces to Create a MonorepoBuild a Complete Company Design System

Using yarn workspace to create a monorepo

Avatar Image
Costa Alexoglou
https://image.mux.com/Dszk8Rro016izSM5Axx2yPM00YaJ702Pp02016aPOO4Dntpk/thumbnail.png?time=0

lesson

How to Structure a Design System MonorepoBuild a Complete Company Design System

How to structure a design system monorepo

Avatar Image
Costa Alexoglou
https://image.mux.com/3PaJ00jicjhdpg00rZzU00zpk100aI901XJkV2KcVbtKs2mI/thumbnail.png?time=0

lesson

How to Turn a Figma Design System Into CodeBuild a Complete Company Design System

How to convert a Figma file to requirements

Avatar Image
Costa Alexoglou