React.js: Building an Interface

React.js: Building an Interface
React.js: Building an Interface
English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 2h 17m | 449 MB

React.js is a JavaScript library for creating user interfaces that display dynamic data. Because of its reusable components and unique data-rendering approach, the interfaces you create with React are flexible, fast, and lightweight. Need another reason to choose React? It’s also easy to learn, with these lessons from staff author Ray Villalobos. Join Ray in this practical, hands-on course, featuring a realistic sample project that showcases the strengths of React: an online appointment scheduling tool. Along the way, you can learn key React skills, including handling events, breaking code into custom subcomponents, managing data through props, and setting up sorting and search.

Topics include:

  • Building a basic app with create-react-app
  • Adding modules
  • Creating subcomponents
  • Working with states and expressions
  • Passing data through props
  • Using third-party components
  • Handling events through props
  • Adding and editing records
  • Searching and sorting
Table of Contents

1 Creating interfaces with React
2 Using the exercises for this course

Building a Basic App
3 Using create-react-app
4 Understanding the installation
5 Exploring a basic React app
6 Adding your own modules
7 Organizing projects

Working with Components
8 Creating subcomponents
9 State and expression basics
10 Using fetch in a lifecycle method
11 Working with complex data
12 Passing data through props
13 Using a render template expression
14 Injecting an index
15 Using third-party components

Handling Events and Adding Records
16 Handling events through props
17 Tracking form display
18 Handling a toggle
19 Monitor form state
20 Processing the form

Searching and Sorting
21 Preparing our search component
22 Managing drop-down display
23 Sorting existing records
24 Building the search
25 Activating inputs
26 Modifying records

27 Next steps