Build Your First Production Quality React App (2017)

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.

Content:
01. Bootstrap a React Application through the CLI with Create React App
02. Render a React UI with JSX
03. Render a React UI Based on Initial State
04. Synchronize React UI and State with Controlled Components
05. Create a Stateless Functional Component for an Input Form
06. Refactor React Components to be Stateless Functional Components
07. Validate Component Input with Prop Types in React
08. Add Data to a List without Mutations
09. Update React Application State from Form Input
00. Prevent Empty Form Values with Conditional Submit Handlers
11. Use ES2016 Property Initializer Syntax in ES6 classes
12. Update Data in a List without Mutations
13. Pass Data To Event Handlers with Partial Function Application
14. Create a Pipe Function to Enable Function Composition
15. Remove Items from a List without Mutations
16. Build a Link Component to Navigate to Routes in React
17. Use React Context to Manage Application State Through Routes
18. Filter Data on Property Values
19. Keep Application State in Sync with Browser History
20. Load Data From a Server with fetch
21. Save Data to the Server with fetch
22. Show Temporary Messages in a React Application
23. Update data on the Server with fetch
24. Delete Data on the Server with fetch