diff --git a/contributors.yml b/contributors.yml index 695162dc759..7c12a21f1f6 100644 --- a/contributors.yml +++ b/contributors.yml @@ -29,3 +29,7 @@ - ryanflorence - stephanerangaya - zachdtaylor +- tylerbrostrom +- ascorbic +- IAmLuisJ +- matmilbury diff --git a/docs/api/conventions.md b/docs/api/conventions.md index e4eccc33235..e8c3a0f6efe 100644 --- a/docs/api/conventions.md +++ b/docs/api/conventions.md @@ -166,7 +166,7 @@ export default function handleRequest( responseHeaders: Headers, remixContext: EntryContext ) { - let markup = ReactDOMServer.renderToString( + const markup = ReactDOMServer.renderToString( ); @@ -179,14 +179,15 @@ export default function handleRequest( } // this is an optional export -export let handleDataRequest: HandleDataRequestFunction = ( - response: Response, - // same args that get passed to the action or loader that was called - { request, params, context } -) => { - response.headers.set("x-custom", "yay!"); - return response; -}; +export const handleDataRequest: HandleDataRequestFunction = + ( + response: Response, + // same args that get passed to the action or loader that was called + { request, params, context } + ) => { + response.headers.set("x-custom", "yay!"); + return response; + }; ``` ## Route Module API @@ -215,13 +216,13 @@ export default function SomeRouteComponent() { Each route can define a "loader" function that will be called on the server before rendering to provide data to the route. ```tsx -export let loader = async () => { +export const loader = async () => { return { ok: true }; }; // Typescript import type { LoaderFunction } from "remix"; -export let loader: LoaderFunction = async () => { +export const loader: LoaderFunction = async () => { return { ok: true }; }; ``` @@ -234,12 +235,12 @@ Using the database ORM Prisma as an example: import { useLoaderData } from "remix"; import { prisma } from "../db"; -export let loader = async () => { +export const loader = async () => { return prisma.user.findMany(); }; export default function Users() { - let data = useLoaderData(); + const data = useLoaderData(); return (