もっと詳しく

React Router v6のOutletとReact.lazyの組み合わせが便利

React Router v6のOutletとReact.lazyの組み合わせが便利

React Router v6 で登場した <Outlet /> を活用すると、良い感じに共通レイアウトを組み込めて、さらに <React.Suspense> や React.lazy() を組み合わせると体験が良くなるのを見つけました。おそらく React Router v6 を利用する上での頻出イディオムになると思うので、自分用のメモとして残しておきます。 最終的なサ…

はてなブックマーク - React Router v6のOutletとReact.lazyの組み合わせが便利 はてなブックマークに追加