Open in app

Sign In

Write

Sign In

michael chan
michael chan

2.1K Followers

Home

About

Published in

Storybook

·Nov 16, 2022

Your app needs dark mode. Storybook can help 🌙

Add a color scheme switcher to Storybook — When WhatsApp added dark mode in 2020, they said it was “the most requested feature from users everywhere.” Whether it’s just stylistic preference or an effort to reduce eye strain, dark mode is on your users’ minds. Storybook is the ideal environment to develop, document, and — with Chromatic —…

Storybook

2 min read

Your app needs dark mode. Storybook can help 🌙
Your app needs dark mode. Storybook can help 🌙
Storybook

2 min read


Published in

Storybook

·Sep 8, 2022

Write component tests in 3 simple steps 🖖

Component documentation is critical but doesn’t tell the whole story. Wouldn’t it be nice if stories could show you how a component looks after a user interacts with it? Component testing allows you to capture these interactions as stories using testing-library! In our latest YouTube tutorial, chantastic explores interactive component…

Testing

1 min read

Write component tests in 3 simple steps 🖖
Write component tests in 3 simple steps 🖖
Testing

1 min read


Published in

Storybook

·Aug 25, 2022

Build responsive UIs faster using Viewports tool

Storybook is made for teams. You set up Storybook’s tools once and they’re available on any machine, in any browser, with any skill level. Storybook Viewport allows developers, designers, and other collaborators to see components and pages in every supported device and orientation. This week chantastic shows teams how to…

Ui Ux Design

1 min read

Build responsive UIs faster using Viewports tool
Build responsive UIs faster using Viewports tool
Ui Ux Design

1 min read


Published in

Storybook

·Aug 10, 2022

Can you debug CSS without DevTools?

Browser devtools aren’t collaborative enough for team work. UIs have countless stakeholders: designers, developers, and managers, that need a shared workspace to confirm UI appearance. Storybook comes with built-in CSS debugging tools like Measure, Outline, and Viewport. That means no more hassling with heavy devtools drawers, panels, and panes for the most common tasks. Learn how to build and debug layouts faster in chantastic’s latest video, Debug CSS without DevTools!

Devtools

1 min read

Can you debug CSS without DevTools?
Can you debug CSS without DevTools?
Devtools

1 min read


Published in

Storybook

·Jul 28, 2022

How to break into design systems engineering in 2022

How do you break into design systems engineering in 2022? There isn’t one, clear path. Nor are there schools, programs, or certificates that guarantee design system experience. From the outside, it might feel like an impossible field to break into. I asked Jen Chan — TorontoJS organizer and artist —…

Design Systems

2 min read

How to break into design systems engineering in 2022
How to break into design systems engineering in 2022
Design Systems

2 min read


Published in

Storybook

·Jul 13, 2022

How to connect props with Storybook Controls

You work hard to build reusable components but no one uses them. Why? Documentation is the key to adoption. Storybook has tools like Controls to ensure that your brilliant work can be experienced by developers, designers, and product owners alike. Controls are one of Storybooks most collaborative features. They allow…

Storybook

2 min read

How to connect props with Storybook Controls
How to connect props with Storybook Controls
Storybook

2 min read


Published in

Storybook

·Jun 15, 2022

Is a monorepo right for you?

Monorepos are a code architecture popularized by tech giants Google and Facebook. The idea is to collocate multiple packages (e.g. your app and design system.) in one repository, making it easier to work on them simultaneously. But is a monorepo right for your team? Can you maintain a monorepo without…

Monorepo

2 min read

Is a monorepo right for you?
Is a monorepo right for you?
Monorepo

2 min read


Published in

Storybook

·Jun 2, 2022

Why do most design systems implode?

Atomic Design by Brad Frost inspired frontend developers to create design systems. It shifted our focus from implementing UIs one page at a time to creating reusable, atomic components. Design systems went from “nice to have” to “must have”. But a majority of design systems ended up imploding. According to…

Design Systems

2 min read

Why do most design systems implode?
Why do most design systems implode?
Design Systems

2 min read


Published in

Storybook

·Jun 2, 2022

Why most design systems implode

We asked Brad Frost if design systems are still relevant in 2022? — Atomic Design by Brad Frost inspired frontend developers to create design systems. It shifted our focus from implementing UIs one page at a time to creating reusable, atomic components. Design systems went from “nice to have” to “must have”. But a majority of design systems ended up imploding. According to…

Design Systems

5 min read

Why most design systems implode
Why most design systems implode
Design Systems

5 min read


Published in

Storybook

·Apr 20, 2022

Scale a design system from startup to IPO

This week, chantastic asks Adam Fratino about scaling Peloton’s design system from startup to IPO! Peloton revolutionized fitness by bringing the buzz of boutique fitness into people’s homes. But as their product grew, it became tougher to maintain a cohesive brand. How did a small team build a global brand? Adam spills his secrets on scaling a design system to support multiple products, across dozens of countries, in a matter of years. His advice? Keep it simple, keep it small, account for change, and embrace high-touch, human processes.

Storybook

1 min read

Scale a design system from startup to IPO
Scale a design system from startup to IPO
Storybook

1 min read

michael chan

michael chan

2.1K Followers

Clumsy Jesus follower. Awkward friend. Mediocre web developer. Working on http://learnreact.com

Following
  • Nick Schrock

    Nick Schrock

  • Andrea Mignolo

    Andrea Mignolo

  • James Ide

    James Ide

  • Jason Fried

    Jason Fried

  • ReactiveConf

    ReactiveConf

See all (160)

Help

Status

Writers

Blog

Careers

Privacy

Terms

About

Text to speech

Teams