-
Discover how to build production-ready, native mobile apps on both iOS and Android using React Native.
React Native allows you to build native mobile apps using JavaScript and React. In this project-based course, learn how to use React Native to build production-ready, native mobile apps on both iOS and Android. To help acquaint you with the fundamentals of React Native, instructor Samer Buna takes a hands-on approach, showing how to build applications from scratch. He first walks through how to build a simple math game, and then demonstrates how to build a data-driven app. Along the way, he shows how to debug and solve common problems, and shares practical knowledge about testing and packaging your apps.
Overview
Syllabus
-
Introduction
- Working with React Native
- Is this course for you?
- Course overview
- Why React Native?
- Requirements and setup
- Hello React Native with Expo
- Hello React Native on iOS
- Hello React Native on Android
- Styling React Native components
- Exploring components and APIs
- 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
- 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
- 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
- Test first
- Testing on Android
- Changing app logo and splash screen
- Using TestFlight with internal testers
- Generating signed APK for Android
- Next steps
