Build Awesome Mobile Apps with React Native, Expo, and Firebase

Assets, code samples, and super-awesome instructions.

Table of Contents

Introduction: What, Who and Why

1. What Are We Learning?
2. Why Should I Learn This Stuff?

Lesson One: Getting Setup

1. Windows Setup
2. Mac Setup
3. Linux Setup

Lesson Two: Hello World, Expo Style

1. Creating a Basic App With Expo
2. Running on an Android Emulator
3. Running on an iOS Emulator
4. Running on Your Mobile Device
5. Publishing to Expo

Lesson Three: Git-and-GitHub-Fundamentals

1. Creating a New Repository
2. Branching
3. Committing
4. Submitting Code
5. Resolving Conflicts
6. Cloning

Lesson Four: A Simple App

1. View, Text and Button Components
2. Styling Components
3. React Props
4. React State

Lesson Five: Building your App

1. Building Android
2. Building iOS

Lesson Six: Debugging

1. Debugging on Your Phone
2. Setting Breakpoints
3. Debugging on Emulators

Lesson Seven: Firebase

1. What Is Firebase?
2. Getting Started with Firebase
3. Authentication
4. Creating a Database
5. Intro to Security Rules

Lesson Eight: The Firebase Web SDK

1. Configuring the SDK
2. Adding Data
3. Fetching Data
4. Updating Data
5. Listening for New Data

Lesson Nine: Flex Box Layouts

1. What's Flex?
2. Flex Direction
3. Justify Content
4. Align Items

Lesson Ten: Touchables

1. Buttons
2. Touchable Highlights
3. Touchable Opacities

Lesson Eleven: Text Boxes

1. Handled vs Unhandled Controls
2. Setting a Value
3. Handling Changes

Lesson Twelve: More Views:

1. List Views
2. Scroll Views
3. Keyboard Avoiding Views

Lesson Thirteen: Navigation:

1. React Navigation Library
2. Navigation Props
3. With Navigation
4. Tab Navigation
5. Stack Navigation
6. Drawers

Lesson Fourteen: Redux

1. Application State
2. The Redux Model
3. Installing Redux
4. Reducers
5. Mapping App-State to Props
6. Mapping Actions

Lesson Fifteen: Firebase Security

1. Rule Types
2. Security Functions
3. Validating Data

Lesson Sixteen: Maps

1. A Basic Map
2. Markers
3. Geolocation