Learning ReactJS [Video]

Preview in Mapt

Learning ReactJS [Video]

Samer Buna

Build beautiful, modern, and modularized UIs with ReactJS
Mapt Subscription
FREE
$29.99/m after trial
Video
$72.25
RRP $84.99
Save 14%
What do I get with a Mapt Pro subscription?
  • Unlimited access to all Packt’s 5,000+ eBooks and Videos
  • Early Access content, Progress Tracking, and Assessments
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
$0.00
$72.25
$29.99 p/m after trial
RRP $84.99
Subscription
Video
Start 14 Day Trial

Frequently bought together


Learning ReactJS [Video] Book Cover
Learning ReactJS [Video]
$ 84.99
$ 72.25
Linux Server Security [Video] Book Cover
Linux Server Security [Video]
$ 124.99
$ 106.25
Buy 2 for $35.00
Save $174.98
Add to Cart

Video Details

ISBN 139781785887079
Course Length3 hours 11 minutes

Video Description

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.

Style and approach

Through this practical course, you will be equipped with a good understanding of the mechanics behind ReactJS, and how to create lightweight, responsive application UIs. You will be able to build several UI elements, make them reactive to user input, and extend your knowledge of DOM manipulation to customize your own UIs in the future.

Table of Contents

Installation and Setup
The Course Overview
Setup Guide
What is React?
Why React?
The React Way
The Virtual DOM
Declarative User Interfaces
React's Language
JSX
React Components
Defining Components
Using JSX
Readability and Reusability
Composability
Components State
Reading and Updating the State
Deciding Who Owns the State
Giving Children Components Access to the State
Working with User Input
React's Event System
Working with DOM Nodes
Controlled Components
Components Lifecycle
Mounting and Unmounting Components
Updating Components
Building an Application with React
What Are We Building?
Building the Presentational Components
Using React's Built-in State
Initializing the State
Separating Components into Modules
Implementing the Delete Action
Handling Edge Data Cases
Reading User Input from the DOM
Using a Controlled Input Component
Displaying the Author Information
Talking to a Remote Backend
Moving Data to the Backend
Fetching Data to React State
Improving the Data API
Getting Started with Redux
Configuring Store and Reducers
Dispatching Actions
Working with the Redux Promise Middleware
Deleting a Book
Final Thoughts

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

Authors

Table of Contents

Installation and Setup
The Course Overview
Setup Guide
What is React?
Why React?
The React Way
The Virtual DOM
Declarative User Interfaces
React's Language
JSX
React Components
Defining Components
Using JSX
Readability and Reusability
Composability
Components State
Reading and Updating the State
Deciding Who Owns the State
Giving Children Components Access to the State
Working with User Input
React's Event System
Working with DOM Nodes
Controlled Components
Components Lifecycle
Mounting and Unmounting Components
Updating Components
Building an Application with React
What Are We Building?
Building the Presentational Components
Using React's Built-in State
Initializing the State
Separating Components into Modules
Implementing the Delete Action
Handling Edge Data Cases
Reading User Input from the DOM
Using a Controlled Input Component
Displaying the Author Information
Talking to a Remote Backend
Moving Data to the Backend
Fetching Data to React State
Improving the Data API
Getting Started with Redux
Configuring Store and Reducers
Dispatching Actions
Working with the Redux Promise Middleware
Deleting a Book
Final Thoughts

Video Details

ISBN 139781785887079
Course Length3 hours 11 minutes
Read More

Read More Reviews

Recommended for You

Linux Server Security [Video] Book Cover
Linux Server Security [Video]
$ 124.99
$ 106.25
Beginning Modern JavaScript Development with Microservices, WebRTC, and React [Video] Book Cover
Beginning Modern JavaScript Development with Microservices, WebRTC, and React [Video]
$ 200.99
$ 170.85
Intelligent Mobile Projects with TensorFlow Book Cover
Intelligent Mobile Projects with TensorFlow
$ 39.99
$ 28.00
The Modern C++ Challenge Book Cover
The Modern C++ Challenge
$ 27.99
$ 19.60
MySQL 8 for Administrators [Video] Book Cover
MySQL 8 for Administrators [Video]
$ 124.99
$ 106.25
Hands-On MQTT Programming with Python Book Cover
Hands-On MQTT Programming with Python
$ 27.99
$ 19.60