Real Strategies To Modernize a Legacy React Native Project
summary
Practical steps and measurable outcomes appear: convert JS to TS by bulk-renaming files, run JSCodeShift codemods to add explicit anys then enable noImplicitAny to complete migration, adopt NX affected flag in a monorepo to run only impacted tests, replace old animation/gesture libs with reanimated and gesture-handler, audit test coverage for real paths, and track velocity and test-run-time improvements (claims of orders-of-magnitude savings for CI are given and concrete config changes are shown).
AI-written summary · about
chapters (12)
- 0:00Modernizing legacy React Native
- 2:51Software engineering reality
- 6:26Legacy React Native code
- 8:13React Native fundamentals changes
- 11:46Language and framework updates
- 13:11State management consolidation
- 15:16Migrating to TypeScript
- 20:10TypeScript value proposition
- 20:53Monorepos with NX
- 23:23Testing in modernization
- 24:47Management strategies for refactoring
- 27:17Final thoughts
related talks
29mModernizing React Native’s JavaScript
28mLessons in Managing Technical Debt
01h 13mMigrating to React Native: A long-term retrospective
35mBridging the Gap: How to use React Native in existing large native code bases
25mGoing Native
32mOutrage-driven development to take your React Native app up a level
07mFrom Native to React Native
10mReact Native, your UX superhero
