Chapter 8: Incorporating Data

Data is the lifeblood of our applications. It flows like water, and it nourishes our components with value. The user interface components we've composed are vessels for data. We fill our applications with data from the internet. We collect, create, and send new data to the internet. The value of our applications is not the components themselves—it's the data that flows through those components.

Samples

Requesting Data

1. Fetch (run it)

2. requestGithubUser (run it)

Authorized Requests

1. Fetching with the GitHubUser Component (run it)

2. GitHubUser Component with localStorage (run it)

Handling Promise States

1. Handling States (run it)

Render Props

1. Displaying a List (run it)

2. Empty List (run it)

3. List with Data (run it)

4. Conditional Render Prop Function (run it)

Virtualized Lists

1. Rendering a List with faker (run it)

2. Rendering a Virtualized List with react-window (run it)

Fetch Hooks

1. Fetch Component (run it)

2. Customizing Loading (run it)

3. Scrolling through Repos with useIterator (run it)

4. Incorporating React Markdown (run it)