PRED (PangoLabs) · Frontend Developer
· Overview
PRED is a high-density product UI. Tables, filters, multi-pane layouts. The goal was to harden the component layer so future features ship as composition, not new screens.
Existing components had drifted. Three button variants doing the same job, modal logic duplicated, no shared state convention. Velocity was bottlenecked on rebuilding the same pieces in slightly different ways.
I extracted a small set of primitives (Button, Field, DataTable, Sheet) with strict prop contracts. Global UI state went into Zustand slices, server state into React Query with normalized cache keys. Figma tokens map 1:1 to Tailwind theme values so designers and engineers speak the same language.
New feature screens compose from the library in hours, not days. Bundle size flat as we add features. Designers stopped pinging me for ‘can you spare a button.’
· Stack
- React
- Vite
- Zustand
- React Query
- Tailwind CSS