ndozhh/deferred-demo

Examples of slow route handling in Remix

Examples of slow request handling in Remix

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

1. Prefecth - 01-prefetch
2. useTransition - 02-use-transition
3. useEffect + useFetcher - 03-use-effect
4. Deferred - 04-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

• Run setup script

  npm run setup

• 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: [email protected]
• Password: racheliscool

This repo is based on the Remix Indie Stack