Remix Conventions

React 🟡 Mid

Definition

Framework React full-stack qui embrasse les standards web (fetch, FormData, Response). Routes = fichiers, chaque route a loader/action/component co-localises.

Analogie

Comme un restaurant local bio : il utilise les ingredients natifs (standards web) au lieu d'importer des produits exotiques.

Exemple de code

// app/routes/users.tsx
export async function loader() {
  return json(await getUsers());
}
export async function action({ request }) {
  const form = await request.formData();
  return createUser(Object.fromEntries(form));
}
export default function Users() {
  const users = useLoaderData<typeof loader>();
}

Cas d'usage

Applications full-stack privilegiant les standards web, l'accessibilite et le progressive enhancement.

#framework#fullstack