Rafael Mendiola & Kyle Rosenberg
summary
Hinge Health builds Heal as a separate repo: ~50 React Native components and ~300 design tokens, published as an internal npm package and Figma library, then integrates them into Phoenix (a busy RN app) where over 5,000 Heal instances now exist and adoption reaches ~80–95% within months. Migration uses a component analyzer (React scanner + ripgrep), Storybook via react‑native‑web, prebuilds, migration guides, lints/danger rules and executable codemods (jscodeshift); the plan executes and succeeds.
AI-written summary · about
chapters (15)
- 0:00Introduction
- 3:29Hinch Health
- 6:01Design Systems Project
- 8:47Component Analyzer
- 11:40Phoenix Components
- 12:35The Plan
- 15:23Milestones
- 18:10Conversion
- 19:10Example
- 20:54Migration Guide
- 21:45Code Mods
- 24:15Adoption
- 25:28UI Consistency
- 27:26Thank You
- 27:50Take Away
related talks
01h 13mMigrating to React Native: A long-term retrospective
09mGoing Native: Reusing Code
32mA Tale of Two Architectures
35mMigration Web (Angular) to Mobile Development (React Native)
25mGoing Native
31mRewriting a Large Hybrid App with React Native
27mReact Native: From pure Web app to a Web & Mobile hybrid
07mFrom Native to React Native