There are currently no items in your shopping cart.

User Panel

Forgot your password?.

The Complete React Native and Redux Course

Video Introducing this tutorial

Dive Right In! :
Introduction - Course Roadmap
Roadmap to the First App
Official Course Github Repo

Got OSX? Go Here. :
OSX Installation
More on OSX Installation
Running in the Simulator

Got Windows? Go Here. :
Windows Setup of React Native
Android Studio and React Native CLI Installation
Emulator Creation and System Variables

[Optional] ESLint Setup :
ESLint Setup and Overview
ESLint Setup with Atom
ESLint Setup with Sublime Text 3
ESLint Setup with VSCode

Onwards! :
Troubleshooting React Native Installs
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

Making Great Looking Apps :
Styling with React Native
More on Styling Components
Introduction to Flexbox
Header Styling
Making the Header Reusable

HTTP 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

Handling Component Layout :
Mastering Layout with Flexbox
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

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

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

Digging Deeper with Redux :
App Mockup and Approach
The Basics of Redux
More on Redux
Redux is Hard!
Application Boilerplate
More on Redux Boilerplate

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

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

Not Done Yet... :
Overview of Our Next App
App Challenges
Quick Note
Just a Touch More Setup
More on Boilerplate Setup

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

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

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

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

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

Bonus! :
Bonus? Bonus!

You Have Got Gift 25% OFF

Use this Coupon Code “J3JKN396