iOS Engineer’s Journey in the Realm of React Native

on YouTube ↗33m

" summary

iOS app at Musixmatch shows a hands‑on migration: a login form and card component implemented in SwiftUI and React Native with 90% UI parity, TypeScript and useEffect hooks on the RN side, Expo and community libraries for missing APIs, and native modules when needed. Benchmarks claim native builds are smaller and faster because RN has a JavaScript bridge overhead. Debugging uses Xcode/LLDB versus React DevTools and console logs; testing uses Jest and react‑test‑renderer. Conclusion: mix RN screens into native apps, use native for heavy OS features.

AI-written summary · about

" chapters (15)

1. 0:00Introduction and background
2. 1:13React Native fundamentals
3. 3:02Declarative UI comparison
4. 7:18Styling differences
5. 8:24Props and components
6. 10:10View lifecycle differences
7. 11:15Performance and native APIs
8. 13:42Native modules and third-party libraries
9. 15:12Development speed and code sharing
10. 17:00Debugging and testing
11. 20:34Community and ecosystem
12. 22:42Maintenance and upgrades
13. 23:04Guess the framework game
14. 26:35Personal takeaways and conclusion
15. 28:44Q&A session

" related talks

• 35mMigration Web (Angular) to Mobile Development (React Native)Artem Paliy · VinnytsiaJS 2018
• 26mReact Native is the new blackNicole Barbosa · The Conf 2018
• 01h 01mBuilding Native iOS Apps using React NativeWei-Meng Lee · NDC Sydney 2017
• 01h 13mMigrating to React Native: A long-term retrospectiveAsh Furrow · Mobius 2020 Piter
• 36mCross-platform DS in React Native: Musixmatch’s case studyAndrea Zilibotti · reactjsday 2024
• 26mReact Native: A Beginner's JourneySimon Reggiani · AndroidTO 2018
• 52mWhy you should use React Native for your next mobile appGwendolyn Faraday · NDC London 2018
• 27mBuilding high quality mobile apps with React NativeParashuram Narasimhan · State of platforms: Fragments Ahmedabad 2019