[{"1":2,"96":-5,"97":-5},"loaderData",{"3":4,"7":8,"41":42},"root",{"5":6},"isProd",true,"routes/_default",{"9":10,"26":27},"headerLinks",[11,18,22],{"12":13,"14":15,"16":17},"url","/","title","Home","icon","home",{"12":19,"14":20,"16":21},"/posts","Blog","chat",{"12":23,"14":24,"16":25},"/resume","Resume","doc-text-inv","footerLinks",[28,33,37],{"12":29,"30":6,"14":31,"16":32},"https://www.github.com/brophdawg11","external","GitHub","github-circled",{"12":34,"30":6,"14":35,"16":36},"https://www.instagram.com/brophdawg11","Instagram","instagram",{"12":38,"30":6,"14":39,"16":40},"https://www.twitter.com/brophdawg11","Twitter","twitter","routes/_default.post.$slug",{"43":44,"75":76,"86":87},"post",{"14":45,"46":47,"48":49,"50":51,"57":58,"59":60,"61":62,"63":64,"65":66,"67":68,"69":70,"71":72,"73":74},"Lazy Loading Routes in React Router 6.4+","author","Matt Brophy","postDate",["D",1678406400000],"tags",[52,53,54,55,56],"remix","react-router","react","javascript","performance","crossPostName","Remix Blog","crossPostUrl","https://remix.run/blog/lazy-loading-routes","crossPostExcerpt","If we want lazy-loading to play nicely with data routers, we need to be able to introduce laziness _outside_ of the render cycle. Just like we lifted data fetching out from the render cycle, we want to lift _route fetching_ out of the render cycle as well.","body","","slug","lazy-loading-routes","permalink","/post/lazy-loading-routes","excerpt","If we want lazy-loading to play nicely with data routers, we need to be able to introduce laziness outside of the render cycle. Just like we lifted data fetching out from the render cycle, we want to lift route fetching out of the render cycle as well.","readingTime","0 min read","relativeDate","a year ago","previousPost",{"14":77,"46":47,"48":78,"50":79,"57":58,"59":80,"61":81,"65":82,"67":83,"69":84,"71":72,"73":85},"React-Routering Remix",["D",1667347200000],[52,53,54,55],"https://remix.run/blog/react-routering-remix","Earlier this year we started an undertaking to [Remix React Router](https://remix.run/blog/remixing-react-router) with the aim of bringing all of the Remix Data API's (`loaders`, `actions`, `fetchers`, etc.) over to React Router. With the recent release of [React Router v6.4.0](https://remix.run/blog/react-router-v6.4) we're proud to report that we've completed that effort...and we think we've made them even better 😃","react-routering-remix","/post/react-routering-remix","Earlier this year we started an undertaking to Remix React Router with the aim of bringing all of the Remix Data API's (loaders, actions, fetchers, etc.) over to React Router. With the recent release of React Router v6.4.0 we're proud to report that we've completed that effort...and we think we've made them even better 😃","a couple of years ago","nextPost",{"14":88,"46":47,"48":89,"50":90,"57":58,"59":91,"61":92,"65":93,"67":94,"69":95,"71":72,"73":74},"Future Proofing Your Remix App",["D",1679011200000],[52,53,54,55],"https://remix.run/blog/future-flags","At Remix, we know first-hand just how painful it can be to go through a major version upgrade. Especially for something as foundational to your application as the framework or router it's built on. We want to do our very best to provide you a best-in-class upgrade experience -- let's talk about **\"Future Flags\"**.","future-flags","/post/future-flags","At Remix, we know first-hand just how painful it can be to go through a major version upgrade. Especially for something as foundational to your application as the framework or router it's built on. We want to do our very best to provide you a best-in-class upgrade experience -- let's talk about \"Future Flags\".","actionData","errors"]