Skip to content

remixcph/deferred-demo

Repository files navigation

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