Ryan Florence ryanflorence

Route Transition API

Definitions

The goal of the route transition API is to enable suspense-like transition in React Router without using Suspense (much like v1).

On location changes, React Router will continue to send down the old location, activating pending hooks for loading states and optimistic UI, and wait for your Route's preloading hooks to resolve before sending down the new location and updating your app.

This enables you to declare data dependencies on your routes, allowing your route elements to expect data and not need to manage their own loading states.

YOOOOOOO

console.log("hey");

	// My DB has multiple collections (tables), they can extend
	// this since the only difference is the data an collection,
	// they're passed in as generics
	export interface Record<TData, TCollection> {
	data: TData;
	ref: {
	collection: {
	id: TCollection;
	};
	id: string;

	/**
	* The Anatomy of a Remix Route
	*/
	import { parseFormBody, json, redirect } from "@remix-run/data";
	import {
	Form,
	useRouteData,
	usePendingFormSubmit,
	preload,
	} from "@remix-run/react";

	declare module "@architect/functions" {
	/**
	* Requests are passed to your handler function in an object, and include the following parameters
	*/

	export interface Request {
	/**
	* Payload version (e.g. 2.0)
	*/
	version: string;