Back to articles
Remix Has a Free Full-Stack Framework — Web Standards First, React Second

Remix Has a Free Full-Stack Framework — Web Standards First, React Second

via Dev.to WebdevAlex Spinov

Most React frameworks fight the web platform. Remix embraces it. Forms, HTTP caching, progressive enhancement — all built on web standards. What is Remix? Remix is a full-stack React framework focused on web fundamentals. Now part of React Router v7, it uses the web platform's native features instead of reinventing them with JavaScript. Why Remix Thinks Differently 1. Nested Routes with Parallel Data Loading app/routes/ ├── _index.tsx → / ├── dashboard.tsx → /dashboard (layout) ├── dashboard._index.tsx → /dashboard (index) ├── dashboard.settings.tsx → /dashboard/settings └── blog.$slug.tsx → /blog/:slug // dashboard.tsx — layout route export async function loader ({ request }: LoaderFunctionArgs ) { const user = await getUser ( request ); return json ({ user }); } export default function Dashboard () { const { user } = useLoaderData < typeof loader > (); return ( < div > < nav > Welcome , { user . name } < /nav > < Outlet /> { /* Child routes render here */ } < /div > ); } Parent and c

Continue reading on Dev.to Webdev

Opens in a new tab

Read Full Article
2 views

Related Articles