Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

egghead.io

Build Your First Production Quality React App

via egghead.io

Overview

With the variety of choice we have in building modern web applications using JavaScript, it can make it difficult to understand where to even begin. We live in a wondrous era, where every problem we have seems to have a corresponding javascript module on npm that we can install with just a few keystrokes. It’s easy!
Often, “easy” can mean the opposite of simple. Easy is “quick to do”, where simple is “quick to understand”.
KISS.
In this course you will learn how to build production quality React applications. We will strive to keep things as simple as possible, with minimal dependencies. Instead of typing npm install, we will build our own simple solutions first, to get a solid understanding of the problems that we are solving through libraries. We will build our tools in a functional style, and write appropriate unit tests to verify that they work as expected.
If you are brand new to React, you’ll want to read the documentation and watch our free React Fundamentals course.

Syllabus

  • 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

Taught by

Andy Van Slaars

Reviews

4.5 rating at egghead.io based on 164 ratings

Start your review of Build Your First Production Quality React App

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.