12 CSS Modules in Storybook — Modern Component Library w/ React & Storybook

preview_player
Показать описание
Modern Component Library with React & Storybook is an advanced course composed of ten modules that will teach you how to build your own component library.

ℹ️ This first module is made of 19 videos, make sure to subscribe to get updates!

⚠️ This is my first time recording and editing a course series in English, I will appreciate any feedback but I promise the quality get better in upcoming videos.

🇪🇸 Toda esta series estará en Inglés, pero puedes activar los subtitulos y usar la auto-traducción.

✅ Check my live-stream series in Spanish

RETO: Cero a Producción 🚀

Patreon — Sublr: Producto desde Cero 🕹

  1. Guillermo Rodas
  2. JavaScript
  3. Web
  4. Development
  5. Coding
Рекомендации по теме
12 CSS Modules 0:08:35

12 CSS Modules in Storybook — Modern Component Library w/ React & Storybook

Solving the sass-loader 0:01:50

Solving the sass-loader 12 Styles Issue in Storybook for React Components

How To Use 0:13:25

How To Use CSS Modules With NextJs

CSS Modules, Variables, 0:11:12

CSS Modules, Variables, and Global Styles in Gatsby

Debug CSS without 0:05:03

Debug CSS without DevTools — Storybook

RIP Styled Components... 0:03:55

RIP Styled Components... What Now?

CSS Modules plus 0:12:16

CSS Modules plus Sass in Gatsby

React Storybook Crash 0:17:28

React Storybook Crash Course

Converting CSS Modules 2:40:19

Converting CSS Modules to Emotion in Gatsby 👩‍🎤

The NEW CSS-first 0:09:44

The NEW CSS-first configuration with Tailwind CSS v4 (No more tailwind.config.js)

Vite in 100 0:02:29

Vite in 100 Seconds

Setting up Tailwind 0:23:51

Setting up Tailwind and Storybook inside a Monorepo in 3 detailed steps

React Storybook Tutorial 0:03:11

React Storybook Tutorial - 12 - a11y Addon

Simulez vos appels 0:30:31

Simulez vos appels réseau dans Storybook avec MSW

11 Global decorator 0:02:55

11 Global decorator in Storybook — Modern Component Library w/ React & Storybook

CSS Architecture in 0:13:10

CSS Architecture in React

Complete tutorial - 0:46:47

Complete tutorial - Grid component with React + TypeScript + Storybook + SCSS

Tech Weeklies - 0:18:42

Tech Weeklies - Easy Bolt-on Docs Using React Styleguidist - 12/18 - James Stone

Tokens, variables, and 0:13:13

Tokens, variables, and styles - Update: Introduction to design systems

Testing a million 1:07:12

Testing a million states with Storybook — Talk prep

10 Must have 0:17:12

10 Must have Storybook Addons

React css modules, 0:18:16

React css modules, image modules with typescript

Histoire Vite Storybook 0:46:30

Histoire Vite Storybook alternative

Building Colorway with 0:57:09

Building Colorway with AVO 🥑 and Storybook— LIVE

Комментарии
Автор

how can i mock a custom hook's value in storybook? I want to avoid using subpath modules

jsdev
Автор

Hi @GuillermoRodas, Thanks so much for the course, I really love it.

I have one doubt. I did the second half of the video first, I changed the css file to module.css and made necessary changes in the classNames code. And without doing the first part, webpack config, I'm able to see the random css names in the DOM. Is this enough or is the first part mandatory?

dsurya_
Автор

ReferenceError: modules is not defined. I am receiving this error in the terminal. I am new to CSS Modules. Can you please help me counter this issue? Your series has been amazing up until now.
I'm really looking forward to future courses as well.

bhaveshjoshi