URN

React Native + Hooks Course

Section 1: Getting Started

1. How to Get Help

2. Course Overview

3. Boilerplate Download

4. Detailed Installation Instructions for macOS

5. Detailed Installation Instructions for Windows

6. App Setup

Tried ngrok ./ngrok http https://localhost:19002 -host-header="localhost:19002"

7. Making Changes

8. Using iOS and Android Simulators

9. Official Course Repo

Section 2: Working with Content

10. Overview of React Components

• GOAL OF A REACT COMPONENT: Show some amount of content to the user
• FOUR PARTS TO A REACT COMPONENT:
  • imports (libraries etc)
  • a function that returns some jsx
  • some styling
  • an export

1. make ComponentsScreen.js inside src/screens
2. import { Text, StyleSheet } from ‘react-native’
3. create const ComponentsScreen = () => { <Text></Text>}
4. create styling const styles = StyleSheet.create({})

11. Showing a Custom Component

1. Import component `

12. Common Questions and Answers

What’s a PRIMITIVE React Element?

• Text
• View
• Image
• Button

13. Rules of JSX

• props is short for properties and this is how we customize the JSX objects
• variables are inside {} in JSX
• We can assign a JSX element to a variable and use that within another JSX element

NOTE: we cannot show a JavaScript object INSIDE a JSX element

14. One Common Error

15. JSX Exercise Overview

16. JSX Solution

Section 3: List Building - With Style!

Section 4: Navigating Users Between Screens

Section 5: Building Reusable Components

Section 6: State Management in React Components

Section 7: How to Handle Screen Layout

Section 8: Putting It All Together - Restaurant Search App

Section 9: Using Outside API’s

Section 10: Making Hooks Reusable

Section 11: Navigation with Parameters

Section 12: Advanced State Management with Context

Section 13: Data API Sync

Section 14: Building a Custom Express API

Section 15: In-App Authentication

Section 16: Quick Note

Section 17: MacOS Setup without Expo

Section 18: Windows Setup without Expo

Section 19: Onwards!

Section 20: Making Great Looking Apps

Section 21: HTTP Requests with React Native

Section 22: Handling Component Layout

Section 23: Authentication with Firebase

Section 24: Processing Authentication Credentials

Section 25: Digging Deeper with Redux

Section 26: Back to React

Section 27: Rendering Lists the Right Way

Section 28: Not Done Yet…

Section 29: Handling Data in React vs Redux

Section 30: Don’t Mutate that State

Section 31: Navigating Users Around

Section 32: Firebase as a Data Store

Section 33: Code Reuse - Edit vs Create

Section 34: Extras