Learn By Doing: React Native

Read This First

Intro To React Native

Getting Started Using react-native-cli

1. Setting Up Your Environment
2. Node.js
3. Development Process

Creating Your First Project

1. Directory Structure of Your React Native Project
2. Testing the Default App

The Project Plan

React vs React Native

1. Hello World in React vs React Native
2. Ticking Clock in React vs React Native

Fetching a REST API

1. Mocking a REST API
2. Fetch the REST API

React Native Picker vs HTML Select

A Word About State, Props, and Lifecycle Methods

1. Render Method
2. Component State and setState Method
3. Component Props

Handling Network Errors

Handling Network Latency

Progress Loader in React Native

React Native Buttons

What Is this

Navigation - Part I

1. Stick with the Plan
2. Add the GO Button
3. Adding React Navigation Packages
4. Using React Navigation Packages
5. Running With Navigation

Navigation - Part II

Maps in React Native

Passing Parameters to Routes

Adding a Marker to a Map

Deep Linking to Google Maps

Build an Installable APK

Build an App Using Expo

1. What is Expo?
2. Simple Expo App
3. Movies App Using Expo

Contact Info

Appendix : Installing React Native Maps for Android

1. Step (0) - npm install
2. Step (1) - edit settings.gradle if using React Native 0.59 and lower
3. Step (2) - add build.gradle dependency for React Native 0.59 and lower
4. Step (3) - edit build.gradle
5. Step (4) - Google Maps API Key
6. Step (5) - add import for React Native 0.59 and lower
7. Step (6) - make sure Google Play Services is installed
8. What to do if things go wrong

Appendix : Promises

1. Motivation
2. Usage
3. Anonymous Functions and Arrow Functions