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

0. Introduction

01 - Working with React Native
02 - Is this course for you
03 - Course overview

1. Getting Started

04 - Why React Native
05 - Requirements and setup

2. React Native Fundamentals

06 - Hello React Native with Expo
07 - Hello React Native on iOS
08 - Hello React Native on Android
09 - Styling React Native components
10 - Exploring components and APIs

3. Building a Simple Game App

11 - Introduction and preview
12 - Initializing the TargetSum app
13 - Configuring ESLint
14 - The game component with a random target
15 - Generating the random play numbers
16 - Styling the random play numbers
17 - Using TouchableOpacity for press events
18 - Changing UI based on selected numbers
19 - Adding shared behavior to numbers
20 - Using React DevTools with React Native
21 - Computing dynamic values where needed
22 - Changing UI based on game status
23 - Working with timers
24 - Caching to optimize computable values
25 - Remounting a component to reset it

4. Building a Data-Driven App

26 - Introduction and preview
27 - Initializing the Bakesale app
28 - Using the Fetch API
29 - Using FlatList with API data
30 - Working with images
31 - Navigating to different views with state
32 - Fetching more API data for a view
33 - Implementing a back link
34 - Using TextInput to implement search

5. Animation and Gesture Control

35 - Preparing for swiping
36 - The Animated and Easing APIs
37 - Creating an animation loop
38 - Considering the device dimensions
39 - The PanResponder API
40 - Preparing the PanHandlers
41 - Swiping left and right
42 - Handling swipe gestures
43 - Opening URLs

6. Deploying

44 - Test first
45 - Testing on Android
46 - Changing app logo and splash screen
47 - Using TestFlight with internal testers
48 - Generating signed APK for Android

Conclusion

49 - Next steps

React Native Essential Training

Authors

Samer Buna