@digitalbydefault/launch-ui v0.19.3

🛰 Launch 2.0

Development Workflow

An overview of the design system workflow for frontend developers.

1. Make a copy of theme.js

Building a new component

1. First make a new branch to work from. Naming just needs to be descriptive.

git checkout -b create-avatar-list-component

2. In the src/components directory, create your component folder, ie. AvatarList.
3. In that folder, create AvatarList.js and AvatarList.stories.js
4. Run yarn storybook

Local Testing

The easiest way to test locally is using the yalc command (npm install -g yalc).

1. In the component library, run yarn build && yalc publish
2. In your project file, run yalc add @digitalbydefault/launch-ui or yalc update if you've already done this
3. You can quickly test things out now without having to publish to npm first
4. Always clean this up afterwards by removing the yalc files (including the .lock file)