React Native Essential Training

Course details

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.

Concepts

Introduction

Working with React Native
Is this course for you
Course overview

Getting Started

Why React Native
Requirements and setup

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

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

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

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

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