Subdivide: Understanding Your Component Ecosystem

on YouTube ↗05m

" summary

Claim: build a static engine called Recon JS that parses an app into a component graph, resolves imports and prop types, and reports real usage. It surfaces dependencies, most-used components and props, overridden or redundant props, and PR-impact lists (which components a change touches). Integrates with living style guides, Storybook and IDEs via a plugin pipeline. The demo shows a working prototype and a repo ready for integrations rather than a theoretical taxonomy.

AI-written summary · about

" chapters (6)

1. 0:00Intro
2. 0:50What is the solution
3. 1:00What are we doing
4. 1:45Extra information
5. 2:28Component Engine
6. 3:20Component Graph

" related talks

• 20mTaking Component Driven One Step FurtherDebbie O'Brien · React Advanced 2021
• 12mCodecrumbs in ReactBohdan Liashenko · React Finland 2019
• 57mComponent Driven Repo for a Component Driven WorldDebbie O'Brien · NDC Oslo 2021
• 24mComponent Driven repo for a component driven worldDebbie O'Brien · React Conference Live 2022
• 55mComponent Driven Repo for a Component Driven WorldDebbie O'Brien · Build Stuff 2021
• 07mReact components, atomic design and storybookEinar Afiouni · NDC Oslo 2017
• 25mSimply ReactKent C. Dodds · React Rally 2018
• 05mReact is the new Lego - how we deal with a lot of componentsOndřej Bartas · ReactiveConf 2016