O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Learning ReactJS

Video Description

Build beautiful, modern, and modularized UIs with ReactJS

About This Video

  • 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

  • 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.

    Table of Contents

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