README.md

Examples of slow request handling in Remix

This repo features 4 different ways of handling slow routes in remix:

1. Prefecth
2. useTransition
3. useEffect + useFetcher
4. Deferred

In the main branch the initial slow request is just left as is. The slow route is on http://localhost:300/notes/koala

Each approach to improving the user experience is implemented in a branch.

Development

• Start dev server:

  npm run dev

This starts your app in development mode, rebuilding assets on file changes.

The database seed script creates a new user with some data you can use to get started:

• Email: rachel@remix.run
• Password: racheliscool

This repo is based on the Remix Indie Stack

Further reading on deferred

• React router docs that describes the problem and the solution
• Remix blog on the Remix<>React Router refactoring
• ADR document from Remix describing the process of migrating Remix to use React Router 6.4
• Remix streaming data guide
• Remix PR with the experimental features