From React to Native

on YouTube ↗31m

" summary

Built a working Guardian daily‑edition app as an MVP in six months with a team of three, using React Native and Expo and TypeScript. Performance hits 60fps but real problems appear: long articles in a WebView crush Android, nested FlatList layouts cause blank screens, and platform quirks force per‑OS fixes. Navigation choice (react-navigation vs react-native-navigation) trades performance for customization. Native modules and a device test strategy prove essential; documentation and bespoke layout cases remain painful.

AI-written summary · about

" chapters (16)

1. 0:00Start
2. 1:14SIX MONTHS AGO
3. 2:41GETTING STARTED
4. 2:59REACT?
5. 7:38SPOILERS
6. 12:51IMAGES!!
7. 13:12use an icon font • use react-native-svg • use bitmaps
8. 14:17LIVING WITH REACT NATIVE
9. 14:39DEBUGGING
10. 15:00ON-DEVICE DEV TOOLS REACT DEV TOOLS CHROME DEVTOOLS
11. 16:35NAVIGATION & ROUTING
12. 17:27YOUR APP IS A PHYSICAL PLACE
13. 19:59react-navigation • react-native-navigation
14. 20:28LISTS
15. 22:42BROWSERSTACK FOR APPS
16. 30:41SHAMELESS PLUG??

" related talks

• 25mReasons to give React Native a(nother) tryBrent Vatne · JSHeroes 2018
• 31mUsing React Native to ship fast and navigate performance improvementsJosh Hargreaves · App.js Conf 2019
• 07mFrom Native to React NativeGreg Ryzhov · React Day Berlin 2019
• 24mThe Performance Myths of React Native appsAnkita Kulkarni · App.js Conf 2023
• 17mDispatches from React NativeElizabeth Tiller · DevFest Florida 2019
• 24mBuilding Stellar User Experiences with React NativeAlex Kotliarskyi · Chain React 2017
• 01h 01mReact Native: A Better Way to Do MobileBrent Vatne · Philly ETE 2016
• 53mHow React-Native shapes the way we think about native appsIlya Ivanov · Mobile Fest 2018