Creating a React Design System

Natalie P
coding spaghetti
Published in
1 min readJan 25, 2019

I’ve just started working with design system for work. These are some of the core things I had to do:

  • create a design system using storybook
  • use webpack to package my code
  • push code to a cloud bitbucket repo
  • register an npm repo and publish to it
  • setup semantic-release so that version numbers auto update on commit
  • change development workflow (get UX designs first, figure out all the component use cases, create components that fulfill those requirements)
  • import components into a project
  • use component in project logic

I’ll be breaking apart the details in upcoming articles to go over issues I went through and my over all solution.

--

--