Best Practices to Build Scalable React Native Apps
summary
Claims concrete wins and runnable recipes: a veteran React Native workflow with 90% code reuse across iOS and Android, platform tricks like Platform.select and .ios/.android files, hooks from react-native-community, and performance fixes that enable Hermes (requires RN ≥0.60.4) to cut start time and memory. Navigation choices narrow to react-navigation or react-native-navigation, lists use FlatList/SectionList, tests use Detox for E2E, and deployments automate with Fastlane + TestFlight/Google Play. Watch if actionable tools and numbers matter.
AI-written summary · about
chapters (32)
- 0:00Intro
- 0:34Who Am I?
- 1:26iOS vs. Android
- 2:39Tools
- 3:29Native Components
- 5:09Release Process
- 5:42Platform Specific Styles
- 7:36Challenges
- 8:29Strategies
- 10:28Inline Styling
- 11:15Organize Styles
- 12:57Organizing Styles Perks
- 13:12The one with Hooks!
- 16:03useColor Scheme
- 16:29use Accessibilityinfo
- 17:27Performance
- 18:23Use Hermes
- 19:57Run Animations on native driver
- 21:17Using key attribute on list items
- 22:21Use Pressable Component
- 23:59Navigation
- 24:39What have I used?
- 26:11Don't reinvent the wheel
- 28:43Accessible Apps
- 29:26iOS Screen Reader
- 29:51Android Screen Reader
- 30:11Detect State of Device
- 30:52Accessible Component
- 36:11Detox Testing
- 38:01Continuous Delivery
- 38:24fastlane
- 38:50Beta Deployments
related talks
44mReact Native: how to succeed with your mobile app
47mReact Native code reuse: Architecture that works
24mThe Performance Myths of React Native apps
25mReact Native in Practice
35mBridging the Gap: How to use React Native in existing large native code bases
26mReact Native: A Beginner's Journey
24mReact Native - Success case study
11mTips for Building Successful React Native Apps