Build Your First Production Quality React App
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
Build A React App With Redux
Bootstrap a React Application with Yarn & Create React App
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
Building Serverless Web Applications with React & AWS Amplify
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
Progressive Web Apps in React with create-react-app
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
install
activate
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