FullStack Apps with React

Bootstrap a React Application through the CLI with Create React App

Render a React UI with JSX

Render a React UI Based on Initial State

Synchronize React UI and State with Controlled Components

Create a Stateless Functional Component for an Input Form

Refactor React Components to be Stateless Functional Components

Validate Component Input with Prop Types in React

Add Data to a List without Mutations

Update React Application State from Form Input

Prevent Empty Form Values with Conditional Submit Handlers

Use ES2016 Property Initializer Syntax in ES6 classes

Update Data in a List without Mutations

Pass Data To Event Handlers with Partial Function Application

Create a Pipe Function to Enable Function Composition

Remove Items from a List without Mutations

Build a Link Component to Navigate to Routes in React

Use React Context to Manage Application State Through Routes

Filter Data on Property Values in React

Keep React Application State in Sync with Browser History

Load Data for React from a Server with fetch

Save Data to the Server with fetch in React

Show Temporary Messages in a React Application

Update Data on the Server with fetch in React

Delete Data on the Server with fetch in React

Bootstrap a React Application with Yarn & Create React App

Render a React UI with JSX

Render in React Based on a Global State Object

Refactor JSX in React to Stateless Functional Components

Create a Redux-Style Reducer Function

Create a Redux Store

Render React UI Based on State Changes with Subscribe in Redux

Keep UI and State Synchronized Using Controlled Components in React with Redux

Make Dispatching Redux Actions More Reliable With Action Creators

Create Redux Dispatch Functions From Action Creators with bindActionCreators

Connect Redux to a React Application with react-redux

Handle Actions in Redux with mapDispatchToProps

Use mapDispatchToProps Shorthand Syntax in Redux

Connect Redux to Individual React Components For More Efficient Rendering

Setup a Mock API Server with the json-server npm module

Dispatch Asynchronous Actions with Redux Thunk Middleware

Save New Records on The Server with Redux Thunk and Fetch

Configure and Use Redux Dev Tools

Create a React Component to Display Status Messages

Use Multiple Reducers in Redux with combineReducers

Respond to a Single Redux Action in Multiple Reducers

Update Existing Records on The Server with Redux Thunk and Fetch

Delete Existing Records on The Server with Redux Thunk and Fetch

Add React Router to a Redux Application

Filter State Data in Redux with a Selector Function and React Router

Configure a React & Redux Application For Production Deployment and Deploy to Now

Install & Configure the AWS Amplify CLI

Create & Configure an AWS Amplify Project with a React Application

Use the AWS Amplify withAuthenticator HOC to Implement a React User Authorization Flow

Manually Sign Up New Users in React with AWS Amplify Auth Class

Create & Interact with an AWS AppSync GraphQL API with AWS Amplify

Create & Interact with a Serverless REST API with AWS Lambda from React

Store Data in Amazon S3 with React

Deploy Your React Application to AWS Using the Amplify CLI

Course Introduction: Progressive Web Apps in React with create-react-app

Create a Progressive Web App with React and Register a Service Worker

View the Service Worker and the Cache, and Debug a PWA with Chrome’s Dev Tools

Use a Custom Service Worker in a create-react-app PWA without Ejecting

Pre-cache Static Resources with Workbox and View a React PWA Offline

Listen for install and activate PWA Events in a Service Worker

Cache Third Party Resources from a CDN in a React PWA

Cache JSON Data in a React PWA with Workbox, and Display it while Offline

Add an Offline Status Indicator to a PWA with React

Show an Error when a POST or DELETE Fails in an Offline PWA

Add a Custom App Icon to a PWA built with create-react-app

Change the Name and Short Name of a PWA built with create-react-app

Add a PWA to the Home Screen of an iOS or Android Device, and the Chrome App Home Screen

Add Navigation Elements in React to a PWA in Standalone Mode

Access the Camera in a PWA built with React

Add Push Notifications to a PWA with React in Chrome and on Android

Disable Text Selection and Touch Callouts in a PWA on iOS

Change the Status Bar Color on iOS and Android in a PWA

Customize the Splash Screen of a PWA built with create-react-app

Do a PWA Audit with Lighthouse using Chrome Dev Tools