Module 1: Introduction

• Overview of React Components
• Showing a Custom Component
• Rules of JSX
• One Common Error

Module 2: List Building with Style

• Building Lists
• The FlatList Element
• Rendering a FlatList
• Why a Key Property?
• Solving the Key Issue
• A Few Props Around FlatList

Module 3: Navigating Users Between Screens

• Button Types
• Buttons in Action
• Touchable Opacity in Action
• Navigating with React Navigation
• Destructuring Props

Module 4: Building Reusable Components

• Component Reuse with Props
• Parent-Child Relationships
• Communicating from Parent to Child
• Showing Images
• Passing Images as Props

Module 5: State Management in React Components

• State in Components
• Screen Boilerplate
• State in Action
• Notes on State
• App Overview
• Generating Random Colors
• Adding Random Colors
• Showing Colors with a FlatList
• App Overview
• Reusable Color Adjusters
• Coordinating State
• Passing Callbacks to Children
• Tying State Values Together
• Validating State Changes
• Reusable State Updates
• Introduction to Reducers
• Creating a Reducer
• Applying State with a Reducer
• Restoring Validation
• Community Convention in Reducers
• Handling Text Input
• Showing a Text Input
• Two Important Props
• Weird Things with Text and State
• Updating State

Module 6: How to Handle Screen Layout

• Layout with React Native
• Basics of Box Object Model
• AlignItems with Flex
• Flex Direction
• Justify Content
• Flex Values
• Align Self on Children
• The Position Property
• Top
• Bottom
• Left
• Right
• Absolute Fill Objects
• Applying Layout Systems

Module 7: Using Outside API

• Configuring Axios
• Making the Request
• Error Handling

Module 8: Making Hooks Reusable

• The UseEffect Hook
• Extracting Hook Logic
• Showing Search Results
• Grouping Results
• FlatList Rendering

Module 9: Navigation with Parameters

• Showing a Single Result
• Showing Additional Info
• A Few More Styling Issues
• Hiding Scroll Bars
• Constraining View Elements
• Empty Elements
• Spacing on the Search Bar
• Reminder on Navigation
• Navigating from a Child Component
• The WithNavigation Helper
• Communicating Between Screens

Module 10: Advance State Management with Context

• Issues with Data
• Initial Setup
• Wrapping the Navigator
• Introduction to Context
• Adding Context
• Moving Data with Context
• Rendering a List of Posts
• Adding State in Context
• It Works!
• Opportunity for Improvement
• Updating with UseReducer
• Automating Context Creation
• More Automatic Context Creation
• A Bit of Styling
• Deleting Posts
• Updating the Reducer
• Navigation on Tap
• Retrieving Single Posts
• Adding a Creation Screen
• Header Navigation
• Displaying a Form
• Saving a New Post
• Navigation on Save
• The Edit Icon Link
• Communicating Info to Edit
• Initializing State from Context
• Extracting Form Logic
• Customizing OnSubmit
• Initial Form Values
• Default Props
• Editing Action Function
• Editing in a Reducer
• Navigating Backwards

Module 11: Data API Sync

• Outside Data API
• Issues with Servers and React Native
• JSON Server and Ngrok Setup
• JSON Server REST Conventions
• Making a Request
• Remote Fetch of Posts
• Creating Posts with Post Requests
• Refetching on Navigate
• Deleting a Post
• Editing Posts

Module 12: In-App Authentication

• Server Setup
• Navigation Design
• A LOT of Boilerplate
• Navigator Hookup
• Testing the Navigation Flow
• React Native Elements
• Helper Styling Components
• Styling Odds and Ends
• Input Props
• The Auth Context
• What's the Context Doing?
• Axios Setup
• Making an API Request
• Handling Errored Requests
• Async Storage
• Storing the Token
• Navigation From Outside of React
• Oops
• Typo
• Navigation to Signin
• Extracting Form Logic
• Last Bit of Extracting
• Creating a NavLink
• Real Component Reuse!
• Wiring Up Signin
• Clearing Error Messages
• Automatic Signin
• Empty Screens While Resolving Auth
• Signing Out a User
• Safe Area Views
• Working on Track Create
• Showing a Map
• Drawing a Series of Points
• Notes on Location
• Requesting Location Permissions
• Resetting Permissions
• How to Test Location?
• Faking the Users Location
• Reading a Location
• Bugginess with Location
• Location Architecture
• Location Context
• Live Location Updates
• Drawing a Position Indicator
• Extracting Logic to a Hook
• Disabling Location Tracking
• Automatic Disables
• Building a Track Form
• Updates to Location Context
• Track Form Wire Up
• Buggy UseEffects
• Understanding Stale References
• Kind of Fixed
• The UseCallback Hook
• Cleaning Up After Ourselves
• Avoiding Stale References
• Tracking While Recording
• Bring Back the Polyline
• What Manages Tracks
• Coordination Between Contexts
• Automatic Authentication
• Form Reset and Navigation
• Fetching Created Tracks
• Listing All Tracks
• Navigating to a Saved Track
• Showing Track Details
• Fixing Odds and Ends

Module 13: Project Work & Documentation