List of Listings

Chapter 2. <Hello World />: our first component

Listing 2.1. Sample JSON API

Listing 2.2. Starting out

Listing 2.3. Using React.createElement

Listing 2.4. Using PropTypes and the render method

Listing 2.5. Adding a nested component

Listing 2.6. Setting initial state

Listing 2.7. Setting up event handlers

Listing 2.8. Using functions as props

Listing 2.9. Mocking out API data

Listing 2.10. Handling comment submissions and iterating over elements

Listing 2.11. Rewriting components using JSX

Chapter 3. Data and data flow in React

Listing 3.1. Simple program state

Listing 3.2. Using setState to modify component state

Listing 3.3. Shallow merging with setState

Listing 3.4. Immutable props in React components

Listing 3.5. Stateless functional components

Listing 3.6. Passing props from parent to child

Chapter 4. Rendering and lifecycle methods in React

Listing 4.1. Exploring lifecycle methods

Listing 4.2. Mounting methods

Listing 4.3. Updating methods

Listing 4.4. Component update output with text entered

Listing 4.5. Unmounting

Listing 4.6. Handling errors

Listing 4.7. Main app file (src/index.js)

Listing 4.8. Creating the App component (src/app.js)

Listing 4.9. Fetching data when the App component mounts

Listing 4.10. Creating the Post component (src/components/post/Post.js)

Listing 4.11. Iterating over Post components (src/app.js)

Chapter 5. Working with forms in React

Listing 5.1. Post schema (db/models.js)

Listing 5.2. Creating a component skeleton (src/components/post/Create.js)