Video Tutorial Learning ReactJS with React


  • Course duration : 3h11m
  • Lifetime access
  • 30 days money back guarantee
Learning ReactJS

add to your wishlist remove this course from wishlist

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.

React training table of contents (duration : 3h11m)

  • Installation and Setup
    • The Course Overview free 00:03:17
    • Setup Guide 00:08:51
  • What Is React?
    • Why React? free 00:06:41
    • The React Way 00:11:14
    • The Virtual DOM 00:09:07
  • Declarative User Interfaces
    • React's Language 00:04:51
    • JSX 00:04:25
  • React Components
    • Defining Components 00:07:03
    • Using JSX 00:03:04
    • Readability and Reusability 00:05:50
    • Composability 00:06:38
  • Components State
    • Reading and Updating the State 00:07:49
    • Deciding Who Owns the State 00:05:30
    • Giving Children Components Access to the State 00:03:13
  • Working with User Input
    • React's Event System 00:03:09
    • Working with DOM Nodes 00:04:44
    • Controlled Components 00:04:21
  • Components Lifecycle
    • Mounting and Unmounting Components 00:05:15
    • Updating Components 00:03:34
  • Building an Application with React
    • What Are We Building? 00:02:33
    • Building the Presentational Components 00:05:35
  • Using React's Built-in State
    • Initializing the State 00:07:11
    • Separating Components into Modules 00:04:37
    • Implementing the Delete Action 00:06:47
    • Handling Edge Data Cases 00:03:35
    • Reading User Input from the DOM 00:05:48
    • Using a Controlled Input Component 00:05:16
    • Displaying the Author Information 00:07:31
  • Talking to a Remote Backend
    • Moving Data to the Backend 00:02:51
    • Fetching Data to React State 00:03:29
    • Improving the Data API 00:05:50
  • Getting Started with Redux
    • Configuring Store and Reducers 00:05:35
    • Dispatching Actions 00:07:00
    • Working with the Redux Promise Middleware 00:02:41
    • Deleting a Book 00:05:25
    • Final Thoughts 00:01:15

Instructor : Packt

Packt has published 45 tutorials and has sold 10 coursess. See others courses from Packt

  • Avec quelle version de logiciel ce tuto est-il compatible ?
  • What is the required level to follow this tutorial ?
Access to more than 19 free tutorials

no, I don't want to learn for free !

see our data protection policy