Anup ShresthaArchive

Rara Labs · 2023

Rara Design System

One design system for every Rara product. I helped build the component library, the monorepo it lives in, and the pipeline that publishes it to NPM.

Role
Design engineer
Year
2023
Origin
Rara Labs
Stack
React · Storybook · NPM

01

What it is

Rara Labs shipped several enterprise products, and their interfaces had drifted apart. The design system pulled them back onto one set of components, from primitives up to the pieces that usually break design systems: data tables, date pickers, and charts.

02

What I built

  • 01The complex reusable components: tables, date pickers, and charts that hold up under real enterprise data.
  • 02A monorepo layout that lets every product consume the same components without forking them.
  • 03The quality loop: Storybook as the catalog, Chromatic catching visual regressions, React Testing Library covering behavior, and versioned releases published to NPM.

Stack

ReactTypeScriptMonorepoStorybookChromaticReact Testing LibraryNPM