https://github.com/webmasterdevlin/tanstack-router-kitchen-sink-demo

https://github.com/webmasterdevlin/tanstack-router-kitchen-sink-demo

Last synced: about 1 year ago
JSON representation

• Host: GitHub
• URL: https://github.com/webmasterdevlin/tanstack-router-kitchen-sink-demo
• Owner: webmasterdevlin
• Created: 2024-02-20T04:00:18.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-10-11T09:22:54.000Z (over 1 year ago)
• Last Synced: 2024-10-15T00:23:33.631Z (over 1 year ago)
• Language: TypeScript
• Size: 897 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Forked Tanstack Router Kitchen Sink Demo

To run this example:

- `bun install` or `pnpm`

- `bun run dev` or `pnpm start`

## The route loading lifecycle

Every time a URL/history update is detected, the router executes the following sequence:

- Route Matching (Top-Down)

    - route.params.parse

    - route.validateSearch

- Route Pre-Loading (Serial)

    - route.beforeLoad

    - route.onError

        - route.errorComponent / parentRoute.errorComponent / router.defaultErrorComponent

- Route Loading (Parallel)

    - route.component.preload?

    - route.loader

        - route.pendingComponent (Optional)

        - route.component

    - route.onError

        - route.errorComponent / parentRoute.errorComponent / router.defaultErrorComponent