YoVDO

Build Your First Production Quality React App

Offered By: egghead.io

Tags

React Courses Web Development Courses Functional Programming Courses Fetch API Courses JSX Courses React Context Courses

Course Description

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

Related Courses

30 Days to Learn Laravel
Laracasts
3D Graphics for Web Developers
Pompeu Fabra University via FutureLearn
A Beginner’s Guide to Web Development with HTML5
Packt via FutureLearn
Accessibility Audit
Amazon Web Services via AWS Skill Builder
Expanding Your JS Skills with Angular
A Cloud Guru