Curriculum

​

1. Dive Right In

• Introduction - Course Roadmap

• Roadmap to the First App

• Official Course Github Repo

​

2. Got OSX? Go Here

• OSX Installation

• More on OSX Installation

• Running in the Simulator

​

3. Got Windows? Go Here

• Windows Setup of React Native

• Android Studio and React Native CLI Installation

• Emulator Creation and System Variables

​

4. Optional ESLint Setup

• ESLint Setup and Overview

• ESLint Setup with Atom

• ESLint Setup with Sublime Text 3

• ESLint Setup with VSCode

​

5. Onwards

• Project Directory Walkthrough

• Getting Content on the Screen

• React vs React Native

• Creating a Component with JSX

• Registering a Component

• Destructuring Imports

• Application Outline

• The Header Component

• Consuming File Exports

​

6. Making Great Looking Apps

• Styling with React Native

• More on Styling Components

• Introduction to Flexbox

• Header Styling

• Making the Header Reusable

​

7. HTT

• P Requests with React Native

• Sourcing Album Data

• List Component Boilerplate

• Class-Based Components

• Lifecycle Methods

• Quick Note On Axios

• Network Requests

• Component Level State

• More on Component Level State

• Rendering a List of Components

• Displaying Individual Albums

• Fantastic Reusable Components - The Card

• Styling a Card

• Passing Components as Props

• Dividing Cards into Sections

​

8. Handling Component Layout

• Mastering Layout with Flexbox

• The positioning of Elements on Mobile

• More on Styling

• Images with React Native

• Displaying Album Artwork

• Making Content Scrollable

• Handling User Input with Buttons

• Styling of Buttons with UX

• Considerations

• Responding to User Input

• Linking Between Mobile Apps

• Setting Button Text by Props

• App Wrapup

​

9. Authentication with firebase

• Auth App Introduction

• A Common Root Component

• Copying Reusable Components

• What is Firebase?

• Firebase Client Setup

• Login Form Scaffolding

• Handling User Inputs

• More on Handling User Inputs

• How to Create Controlled Components

• Making Text Inputs From Scratch

• A Focus on Passing Props

• Making the Input Pretty

• Wrapping up Inputs

• Password Inputs

​

10. Processing Authentication Credentials

• Logging a User In

• Error Handling

• More on Authentication Flow

• Creating an Activity Spinner

• Conditional Rendering of JSX

• Clearing the Form Spinner

• Handling Authentication Events

• More on Conditional Rendering

• Logging a User Out and Wrapup

​

11. Digging Deeper with Redux

• App Mockup and Approach

• The Basics of Redux

• More on Redux

• Redux is Hard

• Application Boilerplate

• More on Redux Boilerplate

​

12. Back to React

• Rendering the Header

• Reducer and State Design

• Library List of Data

• JSON CopyPaste

• The Connect Function

• MapStateToProps with Connect

• A Quick Review and Breather

​

13. Rendering Lists the Right Way

• The Theory of ListView

• ListView in Practice

• Rendering a Single Row

• Styling the List

• Creating the Selection Reducer

• Introducing Action Creators

• Calling Action Creators

• Adding a Touchable

• Rules of Reducers

• Expanding a Row

• Moving Logic Out of Components

• Animations

• Wrapup

​

14. Not Done Yet

• Overview of Our Next App

• App Challenges

• Just a Touch More Setup

• More on Boilerplate Setup

​

15. Handling Data in React vs Redux

• Login Form in a Redux World

• Rebuilding the Login Form

• Handling Form Updates with Action Creators

• Wiring up Action Creators

• Typed Actions

​

16. Don't Mutate that State

• Immutable State

• Creating Immutable State

• More on Creating Immutable State

• Synchronous vs Asynchronous Action Creators

• Introduction to Redux Thunk

• Redux Thunk in Practice

• Redux Thunk in Practice Continued

• Making LoginUser More Robust

• Creating User Accounts

• Showing Error Messages

• A Firebase Gotcha

• Showing a Spinner on Loading

​

17. Navigating Users Around

• Dealing with Navigation

• Navigation in the Router

• Addressing Styling Issues

• Displaying Multiple Scenes

• Navigating Between Routes

• Grouping Scenes with Buckets

• Navigation Bar Buttons

• Navigating to the Employee Creation Form

• Building the Employee Creation Form

• Employee Form Actions

• Handling Form Updates at the Reducer Level

• Dynamic Property Updates

• The Picker Component

• Pickers and Style Overrides

​

18. Firebase as a Data Store

• Firebase JSON Schema

• Data Security in Firebase

• Creating Records with Firebase

• Default Form Values

• Successful Data Save to Firebase

• Resetting Form Properties

• Fetching Data from Firebase

• Storing Data by ID

• Dynamic DataSource Building

• Transforming Objects to Arrays

• List Building in Employee List

​

19. Code Reuse - Edit vs Create

• Reusing the Employee Form

• Create vs Edit Forms

• Reusable Forms

• A Standalone Employee Edit Form

• Initializing Forms from State

• Updating Firebase Records

• Clearing Form Attributes

• Texting Employees

• Modals as a Reusable Component

• The Modal Component Continued

• Styling the Modal

• Employee Delete Action Creator

• Wiring up Employee Delete

​

20.Bonus

Bonus? Bonus!

​

​