Build Your First Production Quality React App (2017)

MP4 | AVC 283kbps | English | 1280x720 | 25fps | 1h 51mins | AAC mono 128kbps | 291 MB

Genre: Video Training

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