React Routerはルートをどうランク付けしているか

2024/05/17 10 users teams ルート セクション New ドキュメント

React Router とは React Router のルートのマッチング React Router のドキュメントのRanking Routesのセクションを例として説明します。 以下の 5 つのパスパターンを取り得るアプリケーションがあるとして、/teams/newというパスが与えられたときに、どのパスパターンがマッチするでしょうか。 [ "/", "/teams", "/te... 続きを読む

やさしくはじめるRemixとWeb

2023/04/23 84 users Remix events 主導 web https

この資料は、2023年4月23日に開催された「春のJavaScript祭り Online 2023」にて発表した資料になります。 https://javascript-fes.doorkeeper.jp/events/154047 Remixとは、2021年にバージョン1.0が登場したフルスタックWebフレームワークです。RemixはReact Routerを開発していたチームが主導で開発を行っています。Re... 続きを読む

React Router v6.4はClient Side Remix

2022/09/21 7 users Remix client side

1:45 しかない動画なので、動画を見ていただければこの記事はあんまり読まなくてもいいかもです。 さて、動画内では、次の 2 つの機能を <Route> コンポーネントへと統合した話題が語られています。 データ読み込み（Data Loading） 0:00〜 0:28〜 エラーハンドリングの話題もあり データ更新（Data Mutation） 0:52〜 <... 続きを読む

ReactのあたらしいRouterライブラリ「React Location」を試してみた | DevelopersIO

2021/12/06 8 users ROUTE React DevelopersIO ライブラリ

React LocationはRouteのルールを記載にオブジェクトの形で記載します。React Routerと同様にライブラリを追加することでJSXスタイルでの記載も可能ですが公式ドキュメントではオブジェクト形式での記載となっているためオブジェクト形式での記載がオススメです。（ちなみにReact Routerもオブジェクト形式での記載をサ... 続きを読む

Remix という 考え方

2021/11/23 157 users Remix MICHAEL フレームワーク kaa_a_zu

こんにちは、@kaa_a_zu です。本日(11/23)日本時間早朝に React Router の制作者である @Ryan氏 と @Michael が着想した Remix V1.0 が正式リリースされました🎉 RemixがWebの世界に及ぼす影響はかなり大きいと思っており、実際のコードやドキュメントを見ながら既存のフレームワークと何が異なっているのかを中心に書い... 続きを読む

ReactベースのあたらしいフレームワークRemixをためしてみた | DevelopersIO

2021/11/23 96 users invent DevelopersIO Remix OSS

OSSとしてリリースされたばかりのReactベースのフルスタックWebフレームワークであるRemixをためしてみました。 はじめに こんにちは、CX事業本部MAD事業部の森茂です。 re:Inventを前にAWSの情報も気になるところですが、フロントエンド界隈もReact Conf 2021を前にReact v18 betaをはじめ、Next.js v12やReact Router ... 続きを読む

Next.jsに「できるだけ」依存しないReactアプリケーションの構成

2021/01/17 9 users Reactアプリケーション Next.js SWR 構成

TL;DR 本記事で紹介するのは、Redux や React Router を使った React アプリケーション構築時のベストプラクティスを Next.js に適用した考え方です。 Next.js を外部モジュールと考え、Container/Presentation の Container を Adapter 層と見なす考え方 next/router などの Next.js の組み込みモジュール、Store、SWR... 続きを読む