Learning ReactJS

Learning ReactJS

English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 3h 11m | 707 MB

Build beautiful, modern, and modularized UIs with ReactJS

React is a JavaScript library that communicates changes on a User Interface to the browsers quickly, without having to re-render anything except the part of the display that needs to change. Elements of a site or application can be updated seamlessly without delay, without disrupting the rest of the display or requiring the user to refresh.

This course first covers all of the React.js basics like its API to create elements and components, the virtual DOM and the JSX syntax extension, using the state, working with browser events and components lifecycle methods. We then dive in and build an application from scratch to practically use the knowledge gained in the first part.

The application we will be building is an administration page for a list of books. You will see a list of books, then can add new books and remove books from the list. The final application will work with a server API to persist the data and it will use the Redux library to manage the data state for React.

What You Will Learn

  • Set up React development environments
  • See what comprises the React.js library
  • Get to grips with React components and their life cycles
  • Use React JSX and the Virtual DOM
  • Understand how React work with browser events
  • Understand React’s controlled components
  • Work with stateful class components and stateless function components
  • Design a simple browser application
  • Manage the state and use a server API with React
  • Learn about Redux stores, reducers, actions, and middlewares
Table of Contents

Installation and Setup
01 The Course Overview
02 Setup Guide

What Is React
03 Why React
04 The React Way
05 The Virtual DOM

Declarative User Interfaces
06 React’s Language
07 JSX

React Components
08 Defining Components
09 Using JSX
10 Readability and Reusability
11 Composability

Components State
12 Reading and Updating the State
13 Deciding Who Owns the State
14 Giving Children Components Access to the State

Working with User Input
15 React’s Event System
16 Working with DOM Nodes
17 Controlled Components

Components Lifecycle
18 Mounting and Unmounting Components
19 Updating Components

Building an Application with React
20 What Are We Building
21 Building the Presentational Components

Using React’s Built-in State
22 Initializing the State
23 Separating Components into Modules
24 Implementing the Delete Action
25 Handling Edge Data Cases
26 Reading User Input from the DOM
27 Using a Controlled Input Component
28 Displaying the Author Information

Talking to a Remote Backend
29 Moving Data to the Backend
30 Fetching Data to React State
31 Improving the Data API

Getting Started with Redux
32 Configuring Store and Reducers
33 Dispatching Actions
34 Working with the Redux Promise Middleware
35 Deleting a Book
36 Final Thoughts