React Native Essential Training

Discover how to build production-ready, native mobile apps on both iOS and Android using React Native.

Introduction

• Working with React Native
• Is this course for you?
• Course overview

1. Getting Started

• Why React Native?
• Requirements and setup

2. React Native Fundamentals

• Hello React Native with Expo
• Hello React Native on iOS
• Hello React Native on Android
• Styling React Native components
• Exploring components and APIs

3. Building a Simple Game App

• Introduction and preview
• Initializing the TargetSum app
• Configuring ESLint
• The game component with a random target
• Generating the random play numbers
• Styling the random play numbers
• Using TouchableOpacity for press events
• Changing UI based on selected numbers
• Adding shared behavior to numbers
• Using React DevTools with React Native
• Computing dynamic values where needed
• Changing UI based on game status
• Working with timers
• Caching to optimize computable values
• Remounting a component to reset it

4. Building a Data-Driven App

• Introduction and preview
• Initializing the Bakesale app
• Using the Fetch API
• Using FlatList with API data
• Working with images
• Navigating to different views with state
• Fetching more API data for a view
• Implementing a back link
• Using TextInput to implement search

5. Animation and Gesture Control

• Preparing for swiping
• The Animated and Easing APIs
• Creating an animation loop
• Considering the device dimensions
• The PanResponder API
• Preparing the PanHandlers
• Swiping left and right
• Handling swipe gestures
• Opening URLs

6. Deploying

• Test first
• Testing on Android
• Changing app logo and splash screen
• Using TestFlight with internal testers
• Generating signed APK for Android

Conclusion

• Next steps