List of Listings

Chapter 1. Meeting React

Listing 1.1. Loading React libraries and code (index.html)

Listing 1.2. Creating and rendering an h1 element (index.html)

Chapter 2. Baby steps with React

Listing 2.1. Creating a <div> element with two <h1> children

Listing 2.2. HTML for the nested elements example without the React code

Listing 2.3. Creating and rendering a React component class

Listing 2.4. Using the frameworkName property in the render() method

Listing 2.5. Passing all the properties from HelloWorld to <h1>

Listing 2.6. Using properties passed during element creation

Chapter 3. Introduction to JSX

Listing 3.1. Hello World in JavaScript

Listing 3.2. Hello World in JSX

Listing 3.3. Creating a HelloWorld class in JSX

Listing 3.4. Outputting variables in JSX

Listing 3.5. Working with properties

Listing 3.6. Invoking a component method to get a URL

Chapter 4. Making React interactive with states

Listing 4.1. Rendering state in JSX

Listing 4.2. Clock component constructor

Listing 4.3. Implementing a clock with state

Listing 4.4. Stateless Hello World

Listing 4.5. Passing state to children

Listing 4.6. Stateless digital display component

Listing 4.7. Stateless analog display component

Chapter 5. React component lifecycle events

Listing 5.1. Rendering and updating a Logger component three times

Listing 5.2. Observing component lifecycle events

Listing 5.3. Fetching data to display in a table

Listing 5.4. Adding and removing an event listener

Listing 5.5. Rendering Note before removing it