/Tanstack-Router

A modern Router for modern apps

Primary LanguageTypeScript

React + TypeScript + Vite + React Location

This project shows takes you through the core concepts of Tanstack Router/ React Location.

To run the APP

yarn install && yarn dev
npm i & npm run dev
  • Replace plugin:@typescript-eslint/recommended to plugin:@typescript-eslint/recommended-type-checked or plugin:@typescript-eslint/strict-type-checked
  • Optionally add plugin:@typescript-eslint/stylistic-type-checked
  • Install eslint-plugin-react and add plugin:react/recommended & plugin:react/jsx-runtime to the extends list

Topics covered

  • Configuration & routegen
  • Typescript autocomplete on routes
  • Lazy loaded components
  • Path with params
  • Path with search
  • Search params on routes (encoding)
  • Loaders
  • Pending & Error components