React/フレームワーク

Remix †

• Remixを通じてWebを学ぶ
  • 「Remix」という哲学を学ぼう──学習コストを最小限に抑えるReactベースの注目フレームワークを解説！
  • React向けのフレームワーク「Remix」で初めてのWebサイトをつくる

• Remix 入門
• Remix という 考え方
• Remixの特徴と思想について
• Remixの凄みを紹介したい
• RemixはReact界のRuby on Railsか？
• 最近流行りのRemixとは何か
• Reactベースの新フルスタックフレームワーク「Remix」を読み解いてみた
• Remix：新しくオープンソース化されたReactフレームワークのガイド

• ReactベースのあたらしいフレームワークRemixをためしてみた
• Remixフレームワーク(Reactベース)の入門者向け機能説明〜基礎編〜

• 最近のフロントエンドフレームワークに対する認識とお気持ちの整理
• 触ったことのない 7 つのフロントエンドのフレームワークで Hello, world! してみる

思想 †

• 学習コストを最小限に抑えるために生まれたRemix

サーバーとクライアントの協調に重点を置く（Server/Client Model） †

• Webフロントエンドの分野はクライアントにロジックを置く比重が大きくなりがちですが、サーバーにもしっかりとロジックの実行を任せて、ユーザーのネットワークを通るデータを可能な限り減らそう、というのがこのポリシーの要点です。

HTTP通信の扱いやHTMLの扱いはWeb標準に寄り添い連携する（Web Standards, HTTP, and HTML） †

• Remixには「せっかく学習コストをかけるなら、Web標準を覚えることに労力を使ってほしい」という願いがあります。そのため、基本的なAPIについては、可能な限りRemix独自のAPIを用意せず、Web標準のAPIを採用しています。
• 例えば、サーバーサイドでSSR中に外部へ通信を行いたい場合は、Web標準のWeb Fetch API、つまりfetch()関数が利用できます。サーバーの動作環境（Node.js、Deno、Cloudflare Workersなど）に関わらず、ブラウザと同じAPIのfetch()関数が利用できるのです。

プログレッシブエンハンスメント（Progressive Enhancement） †

• プログレッシブエンハンスメントとは、リッチな環境のユーザーには最高の体験を提供しつつ、そうでないユーザーにも基本的な機能は提供しよう、という設計哲学です。

抽象化しすぎない（Don’t Over Abstract） †

• Remix固有のAPIも、高度に抽象化された独自機能というよりは、Web標準の機能を少し便利に扱うための手助けとして用意している色合いが強く、やはりWeb標準のAPIを意識しやすいようになっています。

特徴 †

SSGの機能を備えていない †

ファイルシステムルーティング †

• NestedRouting?のサポート
• HTTPヘッダーの詳細設定

Remixにおけるステート管理 †

AWS †

• RemixでAWSサーバレス構成を手軽に作成できるGrunge Stackを試してみた
• App Runner でRemix を動かす

• Working with Remix: AWS Amplify Authentication Using Authenticator UI and AppSync Integration

Momento †

• サーバレスでフルマネージドなキャッシュサービスMomentoをRemixとNext.jsでためしてみた