[B! remix] mizdraのブックマーク

Remixは404ページで最大3つもログを出す

Remixのプロジェクトを作成した直後に、開発環境で404になるページにアクセスすると以下のログが出力されます。 Error: No route matches URL "/foo" <-- (1) at getInternalRouterError (/home/ubuntu/playground/remix-404-error/node_modules/.pnpm/@remix-run+router@1.15.1/node_modules/@remix-run/router/dist/router.cjs.js:4501:59) at Object.query (/home/ubuntu/playground/remix-404-error/node_modules/.pnpm/@remix-run+router@1.15.1/node_modules/@remix-run/route

mizdra 2024/09/01

ログ抑制するの良さそう。404ページへのアクセスはよくあるケースなのに、異常事態が起こったかのように Error を console.error で出力する Remix の挙動がそもそもおかしいとは思うけど…

設計
remix

リンク

React / Remix への依存を最小にするフロントエンド設計 - 一休.com Developers Blog

CTO 室の恩田(@takashi_onda)です。一休レストランのフロントエンドアーキテクトを担当しています。 Intro 一休レストランでは、以前ご紹介したようにフロントエンドで React / Remix を利用しています。 user-first.ikyu.co.jp 一方、設計方針としては、React / Remix への依存が最小になるように心掛けています。今日は、そんな一見矛盾するような設計方針について、ご紹介したいと思います。この記事を読んでいただき Remix に興味をもたれたら、明後日 2024/8/7(水) 19:00〜のオンラインイベント offers-jp.connpass.com にもご参加いただけると嬉しいです。この記事でご紹介している疎結合なフロントエンドアーキテクチャを実現する Remix の魅力についてお話します。なぜ依存を最小にするのか？ R

mizdra 2024/08/08

リンク

一休レストランで Next.js App Router から Remix に乗り換えた話 / Migration from Next.js App Router to Remix

mizdra 2024/08/06

リンク

React Server Components and Remix

One big question keeps coming up after the Remix v1 release: What about React Server Components? Great question! Like many of you, we've been experimenting with React Suspense since it was first announced in 2018. In fact, the early versions of Remix used it. Realizing it probably wouldn't be released by the time we were ready, we built the async parts of Remix into the framework and are very happ

mizdra 2024/08/04

react
remix

リンク

Merging Remix and React Router

We've been building a bridge. You can hear Ryan talk about this announcement at React Conf 🎥 For nearly 4 years we've been working on Remix, a fullstack framework built on web standards to help you build better websites and applications. React Router has always been Remix's largest dependency after React itself. The two projects are so closely aligned that we updated React Router to include Remix

mizdra 2024/05/16

@ remix-run/react と react-router どっちもほぼ同じものを export してるので react-router から import すれば良いというのはわかる。けどスタックに名前が付いていると言及する時に便利なので、Remix という名前は残して欲しいなー...

react
remix

リンク

Remix v2.9 で導入された Single Fetch

Remix v2.9 で導入された Single Fetch 2024.04.27 Remix v2.9 で導入された Single Fetch はクライアントサイドでのページ遷移が行われた際に、サーバーへの複数の HTTP リクエストを並行して行う代わりに、1 つの HTTP リクエストを実行しまとめてレスポンスを返す機能です。Single Fetch は v2.9 ではフィーチャーフラグとして提供されており、v3 以降ではデフォルトの挙動となります。 Remix に対してドキュメントリクエストが行われると、Remix はリクエストパスにマッチしたすべての loader 関数を呼び出し、それらの結果を組み合わせてページを構築します。対して、ユーザーがクライアントサイドでのページ遷移を行った場合、Remix はそれぞれの loader 関数ごとに個別のリクエストをサーバーに対して行います。

mizdra 2024/04/27

Single Fetch、字面だけ見て fetch 関数が batching される話かと思ったけど、そうではなくページ遷移時の data fetch が1回の fetch で処理されるということか。Single Fetch on client-side transitions と呼んだほうがわかりやすそう。