Table of Contents
Lightning-Fast DOM Manipulation
APIs to Create Truly Composable UIs
Visuals Defined Entirely in JavaScript
Just the V in an MVC Architecture
2 Building Your First React App
Creating a Hello, World! Component
First Part: Updating the Component Definition
Second Part: Modifying the Component Call
Styling React Content Using CSS
Making the Background Color Customizable
Identifying the Major Visual Elements
Why Component Composability Rocks
A Better Way to Transfer Properties
Capitalization, HTML Elements, and Components
Setting the Initial State Value
Starting Our Timer and Setting State
9 Going from Data to UI in React
Your JSX Can Be Anywhere, Part II
Listening and Reacting to Events
Making the Button Click Do Something
Doing Stuff with Event Properties
You Can’t Directly Listen to Events on Components
Listening to Regular DOM Events
The Meaning of this Inside the Event Handler
See the Lifecycle Methods in Action
12 Accessing DOM Elements in React
13 Setting Up Your React Dev Environment Easily
14 Working with External Data in React
Kicking the Visuals Up a Notch
15 Building an Awesome Todo List App in React
Animation! Animation! Animation!
16 Creating a Sliding Menu in React
17 Avoiding Unnecessary Renders in React
18 Creating a Single-Page App in React Using React Router
Building a Simple App Using Redux