React developers in a wild world of native apps

on YouTube ↗25m

" summary

Compares concrete pitfalls and tools for moving a React web app to React Native: emulators often hide bugs so test on real devices, JSX maps to native View/Text components, styling uses JS objects (flex defaults to column), and styled‑components still works. Covers navigation libraries (react‑navigation, react‑native‑navigation), platform module and .ios/.android file extensions, AppState’s three states, NetInfo for connectivity, Jest + react‑native‑testing‑library for tests, Flipper for debugging, App Store/TestFlight and Play Console deployment, and CodePush to ship fixes without a full rebuild.

AI-written summary · about

" chapters (11)

1. 0:00Intro
2. 0:42React developers in a wild world of native apps
3. 3:40Components as building block • State, props JSX • State management
4. 5:38Always test your app on real devices throughout the development process, especially if you want to release it on both iOS and Android.
5. 7:58Styling
6. 10:01Navigation React Navigation react-native-navigation
7. 11:32Platform Specific Code
8. 13:07React native App state
9. 14:44Native features
10. 17:36Monorepo
11. 19:21Test Renderer react-native-testing-library

" related talks

• 12mReact to React Native: How Hard Could It Be?Kylie Stewart · RVA JavaScript Conf 2019
• 11mTips for Building Successful React Native AppsMilica Aleksic · React Alicante 2022
• 26mReact Native: A Beginner's JourneySimon Reggiani · AndroidTO 2018
• 27mBuilding high quality mobile apps with React NativeParashuram Narasimhan · State of platforms: Fragments Ahmedabad 2019
• 40mReact Native is Coming – the story of hybrid mobile application testingAdam Stasiak · QA Fest 2018
• 39mReact Native - Unleash the power of React in your deviceEduard Tomàs · Codemotion Amsterdam 2016
• 55mReact: Not Just a Popular LibraryPete Hunt · Philly ETE 2015
• 31mThe performance myths of React NativeAnkita Kulkarni · Chain React 2023