Line 1, 1import React from "react";
Line 2, 2
Line 3, 3export function load({ params }) {
Line 4, 4  return loadStuff(params)
Line 5, 5}
Line 6, 6
Line 7, 7export default function User() {
Line 8, 8  let data = useRouteData()
Line 9, 9  return (
Line 10, 10    <div>
Line 11, 11      {/* ... */}
Line 12, 12    </div>
Line 13, 13  );
Line 14, 14}

Remix is a web application framework for React from the authors of React Router: Michael Jackson and Ryan Florence (me). It provides APIs and conventions for server rendering, data loading, routing and more. Everything we'd like a framework to do for us. Michael and I tend to build things to scratch our own itch and we always envisioned a higher level framework on top of React Router. For example, here's a fun tweet of mine before Next and Gatsby and other similar frameworks:

React Router v6 will be shipping soon. Thanks to React Hooks, we're able to provide small, compositional building blocks to let you build whatever kinds of URL abstractions you need.

React Router v6 will ship with a hook to help you work with URL Search Params out-of-the-box, but we're going to build up a slightly different version in this post to show off these building blocks.