[{"_1":2,"_757":-5,"_758":-5},"loaderData",{"_3":4,"_13":14,"_742":743},"root",{"_5":6,"_7":8,"_9":10,"_11":12},"colorScheme","system","host","remix.run","isProductionHost",true,"noIndex",false,"routes/docs.$lang.$ref",{"_15":16,"_726":727,"_731":728,"_732":733,"_734":735,"_737":738,"_739":740,"_741":12},"menu",[17,45,114,157,236,309,460,521,576],{"_18":19,"_24":25,"_26":27,"_28":12,"_29":30},"attrs",{"_20":21,"_22":23},"title","Tutorials","order",1,"filename","docs/tutorials/index.md","slug","tutorials","hasContent","children",[31,38],{"_18":32,"_24":35,"_26":36,"_28":10,"_29":37},{"_20":33,"_22":34},"Blog Tutorial (short)",3,"docs/tutorials/blog.md","tutorials/blog",[],{"_18":39,"_24":42,"_26":43,"_28":10,"_29":44},{"_20":40,"_22":41},"App Tutorial (long)",4,"docs/tutorials/jokes.md","tutorials/jokes",[],{"_18":46,"_24":49,"_26":50,"_28":12,"_29":51},{"_20":47,"_22":48},"Pages",2,"docs/pages/index.md","pages",[52,59,65,71,79,87,94,101,108],{"_18":53,"_24":56,"_26":57,"_28":10,"_29":58},{"_20":54,"_22":23,"_55":10},"Preparing for v2","new","docs/pages/v2.md","pages/v2",[],{"_18":60,"_24":62,"_26":63,"_28":10,"_29":64},{"_20":61,"_22":48},"Philosophy","docs/pages/philosophy.md","pages/philosophy",[],{"_18":66,"_24":68,"_26":69,"_28":10,"_29":70},{"_20":67,"_22":48},"Technical Explanation","docs/pages/technical-explanation.md","pages/technical-explanation",[],{"_18":72,"_24":76,"_26":77,"_28":10,"_29":78},{"_20":73,"_74":75,"_22":34},"Remix Stacks","description","The quickest way to get rocking and rolling with Remix","docs/pages/stacks.md","pages/stacks",[],{"_18":80,"_24":84,"_26":85,"_28":10,"_29":86},{"_20":81,"_74":82,"_22":83},"Contributing","Thank you for contributing to Remix! Here's everything you need to know before you open a pull request.",6,"docs/pages/contributing.md","pages/contributing",[],{"_18":88,"_24":91,"_26":92,"_28":10,"_29":93},{"_20":89,"_74":90,"_55":10},"API Development Strategy","Remix's strategy tp provide a smooth upgrade experience for application developers","docs/pages/api-development-strategy.md","pages/api-development-strategy",[],{"_18":95,"_24":98,"_26":99,"_28":10,"_29":100},{"_20":96,"_74":97},"Community","Community resources for learning Remix and related technologies","docs/pages/community.md","pages/community",[],{"_18":102,"_24":105,"_26":106,"_28":10,"_29":107},{"_20":103,"_74":104},"FAQs","Frequently Asked Questions about Remix","docs/pages/faq.md","pages/faq",[],{"_18":109,"_24":111,"_26":112,"_28":10,"_29":113},{"_20":110},"Gotchas","docs/pages/gotchas.md","pages/gotchas",[],{"_18":115,"_24":118,"_26":119,"_28":12,"_29":120},{"_20":116,"_22":117},"File Conventions",10,"docs/file-conventions/index.md","file-conventions",[121,128,134,140,145,151],{"_18":122,"_24":125,"_26":126,"_28":10,"_29":127},{"_20":123,"_124":12},"entry.client","toc","docs/file-conventions/entry.client.md","file-conventions/entry.client",[],{"_18":129,"_24":131,"_26":132,"_28":10,"_29":133},{"_20":130,"_124":12},"entry.server","docs/file-conventions/entry.server.md","file-conventions/entry.server",[],{"_18":135,"_24":137,"_26":138,"_28":10,"_29":139},{"_20":136},"remix.config.js","docs/file-conventions/remix-config.md","file-conventions/remix-config",[],{"_18":141,"_24":142,"_26":143,"_28":10,"_29":144},{"_20":3,"_124":12},"docs/file-conventions/root.md","file-conventions/root",[],{"_18":146,"_24":148,"_26":149,"_28":10,"_29":150},{"_20":147,"_55":10},"Route File Naming (v2)","docs/file-conventions/route-files-v2.md","file-conventions/route-files-v2",[],{"_18":152,"_24":154,"_26":155,"_28":10,"_29":156},{"_20":153},"Route File Naming","docs/file-conventions/routes-files.md","file-conventions/routes-files",[],{"_18":158,"_24":161,"_26":162,"_28":12,"_29":163},{"_20":159,"_22":160},"Route Module API",11,"docs/route/index.md","route",[164,170,176,182,188,194,200,206,212,218,224,230],{"_18":165,"_24":167,"_26":168,"_28":10,"_29":169},{"_20":166},"action","docs/route/action.md","route/action",[],{"_18":171,"_24":173,"_26":174,"_28":10,"_29":175},{"_20":172},"CatchBoundary","docs/route/catch-boundary.md","route/catch-boundary",[],{"_18":177,"_24":179,"_26":180,"_28":10,"_29":181},{"_20":178},"Component","docs/route/component.md","route/component",[],{"_18":183,"_24":185,"_26":186,"_28":10,"_29":187},{"_20":184},"ErrorBoundary","docs/route/error-boundary.md","route/error-boundary",[],{"_18":189,"_24":191,"_26":192,"_28":10,"_29":193},{"_20":190,"_55":10},"ErrorBoundary (v2)","docs/route/error-boundary-v2.md","route/error-boundary-v2",[],{"_18":195,"_24":197,"_26":198,"_28":10,"_29":199},{"_20":196},"handle","docs/route/handle.md","route/handle",[],{"_18":201,"_24":203,"_26":204,"_28":10,"_29":205},{"_20":202},"headers","docs/route/headers.md","route/headers",[],{"_18":207,"_24":209,"_26":210,"_28":10,"_29":211},{"_20":208},"links","docs/route/links.md","route/links",[],{"_18":213,"_24":215,"_26":216,"_28":10,"_29":217},{"_20":214},"loader","docs/route/loader.md","route/loader",[],{"_18":219,"_24":221,"_26":222,"_28":10,"_29":223},{"_20":220},"meta","docs/route/meta.md","route/meta",[],{"_18":225,"_24":227,"_26":228,"_28":10,"_29":229},{"_20":226,"_55":10},"meta (v2)","docs/route/meta-v2.md","route/meta-v2",[],{"_18":231,"_24":233,"_26":234,"_28":10,"_29":235},{"_20":232},"shouldRevalidate","docs/route/should-revalidate.md","route/should-revalidate",[],{"_18":237,"_24":240,"_26":241,"_28":12,"_29":242},{"_20":238,"_22":239},"Components",12,"docs/components/index.md","components",[243,249,255,261,267,273,279,285,291,297,303],{"_18":244,"_24":246,"_26":247,"_28":10,"_29":248},{"_20":245,"_124":12},"Await","docs/components/await.md","components/await",[],{"_18":250,"_24":252,"_26":253,"_28":10,"_29":254},{"_20":251},"Form","docs/components/form.md","components/form",[],{"_18":256,"_24":258,"_26":259,"_28":10,"_29":260},{"_20":257},"Link","docs/components/link.md","components/link",[],{"_18":262,"_24":264,"_26":265,"_28":10,"_29":266},{"_20":263,"_124":12},"Links","docs/components/links.md","components/links",[],{"_18":268,"_24":270,"_26":271,"_28":10,"_29":272},{"_20":269,"_124":12},"LiveReload","docs/components/live-reload.md","components/live-reload",[],{"_18":274,"_24":276,"_26":277,"_28":10,"_29":278},{"_20":275,"_124":12},"Meta","docs/components/meta.md","components/meta",[],{"_18":280,"_24":282,"_26":283,"_28":10,"_29":284},{"_20":281,"_124":12},"NavLink","docs/components/nav-link.md","components/nav-link",[],{"_18":286,"_24":288,"_26":289,"_28":10,"_29":290},{"_20":287,"_124":12},"Outlet","docs/components/outlet.md","components/outlet",[],{"_18":292,"_24":294,"_26":295,"_28":10,"_29":296},{"_20":293,"_124":12},"PrefetchPageLinks","docs/components/prefetch-page-links.md","components/prefetch-page-links",[],{"_18":298,"_24":300,"_26":301,"_28":10,"_29":302},{"_20":299,"_124":12},"Scripts","docs/components/scripts.md","components/scripts",[],{"_18":304,"_24":306,"_26":307,"_28":10,"_29":308},{"_20":305},"ScrollRestoration","docs/components/scroll-restoration.md","components/scroll-restoration",[],{"_18":310,"_24":313,"_26":314,"_28":12,"_29":315},{"_20":311,"_22":312},"Hooks",13,"docs/hooks/index.md","hooks",[316,322,328,334,340,346,352,358,364,370,376,382,388,394,400,406,412,418,424,430,436,442,448,454],{"_18":317,"_24":319,"_26":320,"_28":10,"_29":321},{"_20":318,"_124":12},"useActionData","docs/hooks/use-action-data.md","hooks/use-action-data",[],{"_18":323,"_24":325,"_26":326,"_28":10,"_29":327},{"_20":324,"_124":12},"useAsyncError","docs/hooks/use-async-error.md","hooks/use-async-error",[],{"_18":329,"_24":331,"_26":332,"_28":10,"_29":333},{"_20":330,"_124":12},"useAsyncValue","docs/hooks/use-async-value.md","hooks/use-async-value",[],{"_18":335,"_24":337,"_26":338,"_28":10,"_29":339},{"_20":336,"_124":12},"useBeforeUnload","docs/hooks/use-before-unload.md","hooks/use-before-unload",[],{"_18":341,"_24":343,"_26":344,"_28":10,"_29":345},{"_20":342},"useFetcher","docs/hooks/use-fetcher.md","hooks/use-fetcher",[],{"_18":347,"_24":349,"_26":350,"_28":10,"_29":351},{"_20":348,"_124":12},"useFetchers","docs/hooks/use-fetchers.md","hooks/use-fetchers",[],{"_18":353,"_24":355,"_26":356,"_28":10,"_29":357},{"_20":354},"useFormAction","docs/hooks/use-form-action.md","hooks/use-form-action",[],{"_18":359,"_24":361,"_26":362,"_28":10,"_29":363},{"_20":360,"_124":12},"useHref","docs/hooks/use-href.md","hooks/use-href",[],{"_18":365,"_24":367,"_26":368,"_28":10,"_29":369},{"_20":366,"_124":12},"useLoaderData","docs/hooks/use-loader-data.md","hooks/use-loader-data",[],{"_18":371,"_24":373,"_26":374,"_28":10,"_29":375},{"_20":372,"_124":12},"useLocation","docs/hooks/use-location.md","hooks/use-location",[],{"_18":377,"_24":379,"_26":380,"_28":10,"_29":381},{"_20":378,"_124":12},"useMatches","docs/hooks/use-matches.md","hooks/use-matches",[],{"_18":383,"_24":385,"_26":386,"_28":10,"_29":387},{"_20":384,"_124":12},"useNavigate","docs/hooks/use-navigate.md","hooks/use-navigate",[],{"_18":389,"_24":391,"_26":392,"_28":10,"_29":393},{"_20":390,"_124":12},"useNavigation","docs/hooks/use-navigation.md","hooks/use-navigation",[],{"_18":395,"_24":397,"_26":398,"_28":10,"_29":399},{"_20":396,"_124":12},"useNavigationType","docs/hooks/use-navigation-type.md","hooks/use-navigation-type",[],{"_18":401,"_24":403,"_26":404,"_28":10,"_29":405},{"_20":402,"_124":12},"useOutlet","docs/hooks/use-outlet.md","hooks/use-outlet",[],{"_18":407,"_24":409,"_26":410,"_28":10,"_29":411},{"_20":408,"_124":12},"useOutletContext","docs/hooks/use-outlet-context.md","hooks/use-outlet-context",[],{"_18":413,"_24":415,"_26":416,"_28":10,"_29":417},{"_20":414,"_124":12},"useParams","docs/hooks/use-params.md","hooks/use-params",[],{"_18":419,"_24":421,"_26":422,"_28":10,"_29":423},{"_20":420,"_124":12},"useResolvedPath","docs/hooks/use-resolved-path.md","hooks/use-resolved-path",[],{"_18":425,"_24":427,"_26":428,"_28":10,"_29":429},{"_20":426,"_124":12},"useRevalidator","docs/hooks/use-revalidator.md","hooks/use-revalidator",[],{"_18":431,"_24":433,"_26":434,"_28":10,"_29":435},{"_20":432,"_124":12},"useRouteError","docs/hooks/use-route-error.md","hooks/use-route-error",[],{"_18":437,"_24":439,"_26":440,"_28":10,"_29":441},{"_20":438,"_124":12},"useRouteLoaderData","docs/hooks/use-route-loader-data.md","hooks/use-route-loader-data",[],{"_18":443,"_24":445,"_26":446,"_28":10,"_29":447},{"_20":444,"_124":12},"useSearchParams","docs/hooks/use-search-params.md","hooks/use-search-params",[],{"_18":449,"_24":451,"_26":452,"_28":10,"_29":453},{"_20":450,"_124":12},"useSubmit","docs/hooks/use-submit.md","hooks/use-submit",[],{"_18":455,"_24":457,"_26":458,"_28":10,"_29":459},{"_20":456},"useTransition","docs/hooks/use-transition.md","hooks/use-transition",[],{"_18":461,"_24":464,"_26":465,"_28":12,"_29":466},{"_20":462,"_22":463},"Utilities",14,"docs/utils/index.md","utils",[467,473,479,485,491,497,503,509,515],{"_18":468,"_24":470,"_26":471,"_28":10,"_29":472},{"_20":469},"Cookies","docs/utils/cookies.md","utils/cookies",[],{"_18":474,"_24":476,"_26":477,"_28":10,"_29":478},{"_20":475,"_124":12},"defer","docs/utils/defer.md","utils/defer",[],{"_18":480,"_24":482,"_26":483,"_28":10,"_29":484},{"_20":481,"_124":12},"isRouteErrorResponse","docs/utils/is-route-error-response.md","utils/is-route-error-response",[],{"_18":486,"_24":488,"_26":489,"_28":10,"_29":490},{"_20":487,"_124":12},"json","docs/utils/json.md","utils/json",[],{"_18":492,"_24":494,"_26":495,"_28":10,"_29":496},{"_20":493},"unstable_parseMultipartFormData","docs/utils/parse-multipart-form-data.md","utils/parse-multipart-form-data",[],{"_18":498,"_24":500,"_26":501,"_28":10,"_29":502},{"_20":499,"_124":12},"redirect","docs/utils/redirect.md","utils/redirect",[],{"_18":504,"_24":506,"_26":507,"_28":10,"_29":508},{"_20":505},"Sessions","docs/utils/sessions.md","utils/sessions",[],{"_18":510,"_24":512,"_26":513,"_28":10,"_29":514},{"_20":511,"_124":12},"unstable_createFileUploadHandler","docs/utils/unstable-create-file-upload-handler.md","utils/unstable-create-file-upload-handler",[],{"_18":516,"_24":518,"_26":519,"_28":10,"_29":520},{"_20":517,"_124":12},"unstable_createMemoryUploadHandler","docs/utils/unstable-create-memory-upload-handler.md","utils/unstable-create-memory-upload-handler",[],{"_18":522,"_24":525,"_26":526,"_28":12,"_29":527},{"_20":523,"_22":524},"Other API",15,"docs/other-api/index.md","other-api",[528,534,540,546,552,558,564,570],{"_18":529,"_24":531,"_26":532,"_28":10,"_29":533},{"_20":530,"_22":23},"@remix-run/dev (CLI)","docs/other-api/dev.md","other-api/dev",[],{"_18":535,"_24":537,"_26":538,"_28":10,"_29":539},{"_20":536,"_22":48,"_55":10},"@remix-run/dev CLI (v2)","docs/other-api/dev-v2.md","other-api/dev-v2",[],{"_18":541,"_24":543,"_26":544,"_28":10,"_29":545},{"_20":542,"_22":34},"@remix-run/{adapter}","docs/other-api/adapter.md","other-api/adapter",[],{"_18":547,"_24":549,"_26":550,"_28":10,"_29":551},{"_20":548,"_124":12,"_22":34},"@remix-run/serve","docs/other-api/serve.md","other-api/serve",[],{"_18":553,"_24":555,"_26":556,"_28":10,"_29":557},{"_20":554,"_124":12},"Asset Imports","docs/other-api/asset-imports.md","other-api/asset-imports",[],{"_18":559,"_24":561,"_26":562,"_28":10,"_29":563},{"_20":560},"Web Fetch API","docs/other-api/fetch.md","other-api/fetch",[],{"_18":565,"_24":567,"_26":568,"_28":10,"_29":569},{"_20":566},"@remix-run/node","docs/other-api/node.md","other-api/node",[],{"_18":571,"_24":573,"_26":574,"_28":10,"_29":575},{"_20":572,"_124":12},"React Router v6","docs/other-api/react-router.md","other-api/react-router",[],{"_18":577,"_24":580,"_26":581,"_28":12,"_29":582},{"_20":578,"_22":579},"Guides",16,"docs/guides/index.md","guides",[583,589,595,601,607,613,620,626,632,638,644,650,656,662,669,676,682,688,694,700,707,714,720],{"_18":584,"_24":586,"_26":587,"_28":10,"_29":588},{"_20":585},"Accessibility","docs/guides/accessibility.md","guides/accessibility",[],{"_18":590,"_24":592,"_26":593,"_28":10,"_29":594},{"_20":591},"API Routes","docs/guides/api-routes.md","guides/api-routes",[],{"_18":596,"_24":598,"_26":599,"_28":10,"_29":600},{"_20":597,"_124":12},"Backend For Frontend","docs/guides/bff.md","guides/bff",[],{"_18":602,"_24":604,"_26":605,"_28":10,"_29":606},{"_20":603},"Browser Support","docs/guides/browser-support.md","guides/browser-support",[],{"_18":608,"_24":610,"_26":611,"_28":10,"_29":612},{"_20":609},"Module Constraints","docs/guides/constraints.md","guides/constraints",[],{"_18":614,"_24":617,"_26":618,"_28":10,"_29":619},{"_20":615,"_74":616},"Data Loading","One of the primary features of Remix is simplifying interactions with the server to get data into components. This document will help you get the most out of data loading in Remix.","docs/guides/data-loading.md","guides/data-loading",[],{"_18":621,"_24":623,"_26":624,"_28":10,"_29":625},{"_20":622},"Data Writes","docs/guides/data-writes.md","guides/data-writes",[],{"_18":627,"_24":629,"_26":630,"_28":10,"_29":631},{"_20":628,"_124":12},"Deployment","docs/guides/deployment.md","guides/deployment",[],{"_18":633,"_24":635,"_26":636,"_28":10,"_29":637},{"_20":634,"_124":12},"Disabling JavaScript","docs/guides/disabling-javascript.md","guides/disabling-javascript",[],{"_18":639,"_24":641,"_26":642,"_28":10,"_29":643},{"_20":640},"Environment Variables","docs/guides/envvars.md","guides/envvars",[],{"_18":645,"_24":647,"_26":648,"_28":10,"_29":649},{"_20":646},"Error Handling","docs/guides/errors.md","guides/errors",[],{"_18":651,"_24":653,"_26":654,"_28":10,"_29":655},{"_20":652},"File Uploads","docs/guides/file-uploads.md","guides/file-uploads",[],{"_18":657,"_24":659,"_26":660,"_28":10,"_29":661},{"_20":658,"_124":12},"Manual mode","docs/guides/manual-mode.md","guides/manual-mode",[],{"_18":663,"_24":666,"_26":667,"_28":10,"_29":668},{"_20":664,"_74":665},"MDX","Remix makes integrating MDX into your project a breeze with built in routes and \"import\" support.","docs/guides/mdx.md","guides/mdx",[],{"_18":670,"_24":673,"_26":674,"_28":10,"_29":675},{"_20":671,"_74":672},"Migrating from React Router","Migrating your React Router app to Remix can be done all at once or in stages. This guide will walk you through an iterative approach to get your app running quickly.","docs/guides/migrating-react-router-app.md","guides/migrating-react-router-app",[],{"_18":677,"_24":679,"_26":680,"_28":10,"_29":681},{"_20":678},"Not Found Handling","docs/guides/not-found.md","guides/not-found",[],{"_18":683,"_24":685,"_26":686,"_28":10,"_29":687},{"_20":684},"Optimistic UI","docs/guides/optimistic-ui.md","guides/optimistic-ui",[],{"_18":689,"_24":691,"_26":692,"_28":10,"_29":693},{"_20":690},"Performance","docs/guides/performance.md","guides/performance",[],{"_18":695,"_24":697,"_26":698,"_28":10,"_29":699},{"_20":696},"Resource Routes","docs/guides/resource-routes.md","guides/resource-routes",[],{"_18":701,"_24":704,"_26":705,"_28":10,"_29":706},{"_20":702,"_74":703},"Routing","Routing is at the center of everything Remix does. Dive deeper into the APIs and conventions.","docs/guides/routing.md","guides/routing",[],{"_18":708,"_24":711,"_26":712,"_28":10,"_29":713},{"_20":709,"_74":710},"Streaming","When, why, and how to stream with React 18 and Remix's deferred API.","docs/guides/streaming.md","guides/streaming",[],{"_18":715,"_24":717,"_26":718,"_28":10,"_29":719},{"_20":716,"_55":10},"Styling","docs/guides/styling.md","guides/styling",[],{"_18":721,"_24":723,"_26":724,"_28":10,"_29":725},{"_20":722,"_124":12},"TypeScript","docs/guides/typescript.md","guides/typescript",[],"versions",[728,729,730],"2.13.1","1.19.3","v0.21.0","latestVersion","releaseBranch","main","branches",[733,736],"dev","currentGitHubRef","1.19.1","lang","en","isLatest","routes/docs.$lang.$ref.$",{"_744":745,"_753":754,"_755":756},"doc",{"_18":746,"_24":573,"_747":748,"_26":749,"_750":751,"_29":752},{"_20":572,"_124":12},"html","

React Router v6

Remix is built on top of React Router v6. Here are the most common APIs that you'll use in your Remix app:

Most of the other APIs are either used internally by Remix or just aren't commonly needed in your app.

","docs/other-api/react-router","headings",[],[],"siteUrl","https://remix.run/docs/en/1.19.1/other-api/react-router","ogImageUrl","https://remix.run/img/og.1.jpg","actionData","errors"]