対象読者 Reactの基本を修めている方 通信回線が弱いユーザーにも高速に表示できるサイトを作りたいエンジニア WebブラウザとNode.jsという異なるランタイムをそれぞれキャッチアップするのが辛くなってきたエンジニア 前提環境 筆者の検証環境は以下の通りです。 macOS Ventura 13.0.1 Node.js 18.12.1 NPM 8.19.2 Remix 1.9.0 Nested Routesでページ内の一部分だけを別のファイルで定義する 前回はHacker Newsの最新20件を読めるアプリケーションを途中まで作り、メニューが表示できるようになりました。図1のように、idが sidebar になっているメニュー部分と、コンテンツを表示する予定の <main> 要素で構成されています。 図1:前回はメニューまでを作った メニューを作ったので、次はメニューの項目をクリックした