Skip to content
Amine Mekki
← Back to projects

Internal React component library

A reusable React TypeScript component library with custom hooks, published as two NPM packages and documented in Storybook for enterprise-wide adoption.

Role
Frontend Developer, design systems
Client
Piximind
Stack
React, TypeScript, Storybook, Unit testing

Problem

Teams across the company were rebuilding the same UI pieces. The goal was a shared, documented component library that products could adopt with confidence.

Architecture

A React TypeScript library with custom hooks, split into two NPM packages so consumers install only what they need. Storybook serves as living documentation of every component and state.

Engineering decisions

Two packages instead of one monolith

Splitting the library keeps dependency surface small for consumers and lets the packages evolve at their own pace.

Storybook as the contract

Documented states double as a review surface: a component is not done until its Storybook story shows how it behaves.

Quality & reliability

Unit test coverage across the library to ensure reliability and ease of integration for consuming teams.

Outcome

Published as two NPM packages with full Storybook documentation, adopted across the company.