https://github.com/itsdouges/react-suspense-patterns

An example implementation of various React Suspense patterns.
https://github.com/itsdouges/react-suspense-patterns

Last synced: 7 months ago
JSON representation

An example implementation of various React Suspense patterns.

• Host: GitHub
• URL: https://github.com/itsdouges/react-suspense-patterns
• Owner: itsdouges
• Created: 2019-11-02T06:23:07.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2019-11-02T22:11:09.000Z (about 6 years ago)
• Last Synced: 2025-01-23T14:38:32.808Z (12 months ago)
• Language: JavaScript
• Homepage: https://react-suspense-patterns.netlify.com/
• Size: 204 KB
• Stars: 1
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# React Suspense Patterns

## Loading components

### Immediately

### Behind user interaction

https://react-suspense-patterns.netlify.com/loading-components/behind-button

Loading a lazy component when clicking on a button.

![Behind user interaction](https://user-images.githubusercontent.com/6801309/68077529-b83aa780-fe19-11e9-8b4d-f436e4aeb2c3.gif)

### Using React Router

## Loading data

### Fetch on render

### Fetch then render

### Fetch as you render

## Reveal order

### Receded -> skeleton -> complete

### Pending -> skeleton -> complete

### Suspense list

## Deferring values

### High priority vs. low priority