Learning ReactJS
Playing problem
This video does not seem to be available
00:00
00:00

VIDEO TUTORIAL Learning ReactJS

Packt
74,00€

Unlimited download & streaming

Satisfied or refunded

100% secure payment

Build beautiful, modern, and modularized UIs with ReactJS

About this ReactJS video course

  • Create lightweight, responsive application UIs by understanding the mechanics behind ReactJS
  • Create reactive dynamic UIs with a fast response time
  • Customize and extent UIs efficiency by learning DOM manipulation

Learning ReactJS in Detail

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 will you learn in this course?

Course plan
Chapter 1
Installation and Setup
Chapter 2
What Is React?
Chapter 3
Declarative User Interfaces
Chapter 4
React Components
Chapter 5
Components State
Chapter 6
Working with User Input
Chapter 7
Components Lifecycle

Detailed course plan

Chapter 1 : Installation and Setup
12m08s
 
Lesson 1The Course Overview
Lesson 2Setup Guide
Chapter 2 : What Is React?
27m02s
 
Lesson 1Why React?
Lesson 2The React Way
Lesson 3The Virtual DOM
Chapter 3 : Declarative User Interfaces
09m16s
 
Lesson 1React's Language
Lesson 2JSX
Chapter 4 : React Components
22m35s
 
Lesson 1Defining Components
Lesson 2Using JSX
Lesson 3Readability and Reusability
Lesson 4Composability
Chapter 5 : Components State
16m32s
 
Lesson 1Reading and Updating the State
Lesson 2Deciding Who Owns the State
Lesson 3Giving Children Components Access to the State
Chapter 6 : Working with User Input
12m14s
 
Lesson 1React's Event System
Lesson 2Working with DOM Nodes
Lesson 3Controlled Components
Chapter 7 : Components Lifecycle
08m49s
 
Lesson 1Mounting and Unmounting Components
Lesson 2Updating Components
Chapter 8 : Building an Application with React
08m08s
 
Lesson 1What Are We Building?
Lesson 2Building the Presentational Components
Chapter 9 : Using React's Built-in State
40m45s
 
Lesson 1Initializing the State
Lesson 2Separating Components into Modules
Lesson 3Implementing the Delete Action
Lesson 4Handling Edge Data Cases
Lesson 5Reading User Input from the DOM
Lesson 6Using a Controlled Input Component
Lesson 7Displaying the Author Information
Chapter 10 : Talking to a Remote Backend
12m10s
 
Lesson 1Moving Data to the Backend
Lesson 2Fetching Data to React State
Lesson 3Improving the Data API
Chapter 11 : Getting Started with Redux
21m56s
 
Lesson 1Configuring Store and Reducers
Lesson 2Dispatching Actions
Lesson 3Working with the Redux Promise Middleware
Lesson 4Deleting a Book
Lesson 5Final Thoughts

Your questions about the course

Avec quelle version de logiciel ce tuto est-il compatible ?

React

What is the required level to follow this tutorial ?

intermédiaire

Wait ! 🤗

Access more than 19 free tutorials

Our data protection policy