React Server Componentsを理解したい

2024/06/27 74 users React Server Components 開発 理解

はじめに App Router はこれまでの React や Pages Router による書き方と大きく異なります。これは、React Server Components（RSC） というアーキテクチャが導入され、開発の考え方が大きく変化したからです。そのため、App Router を理解するためには RSC の理解が必要になります。 しかし、私は RSC の理解に苦戦し... 続きを読む

Next.jsのApp Routerを学ぶ際、shadcn/uiが参考になったという話 - Qiita

2024/05/11 58 users Qiita shadcn Reactコンポーネント コピペ

Next.jsのApp Routerを学ぶ際に、UIライブラリを探していたところ、shadcn/uiが参考になったので紹介します。 shadcn/uiは、フレームワークやライブラリではなく、コピペで利用できるReactコンポーネントのサンプル集という立ち位置になっています。Tailwind CSSでデザインされており、React Server Components(RSC)にも... 続きを読む

React Server Components と GraphQL のアナロジー

2023/12/25 65 users アナロジー GraphQL App Router 案件 以下

Next.js の App Router が安定版となり、React Server Components (以下 RSC) を実際に試す環境が整ってきた。 実際、今年はやれどこそこのプロダクトが Next.js を採用しただのやっぱり捨てだのといった話題が尽きなかったように思う。 かくいう自分自身も、今年は App Router の案件に取り組んで RSC と格闘する日々を... 続きを読む

Next.jsから学ぶWebレンダリング ~React誕生以前からApp Router with RSCまでの流れ~

2023/06/14 140 users why 箇条書き How What トレードオフ

最近話題のReact Server ComponentsやIslands Architectureが何を解決しようとしてるか知るまでの簡単なWebレンダリングの流れを記載しました。 社内勉強会のために作成した資料となるため箇条書きになっておりますが、なるべくHowやWhatではなくWhyやトレードオフを記述するようにしています。（読みにくい or 誤った記... 続きを読む

React Server Componentsの仕組み：詳細ガイド | POSTD

2022/07/27 99 users POSTD React バンドルサイズ ビルダー 関心

React Server Components（RSC）は、ページの読み込みパフォーマンスやバンドルサイズのほか、Reactアプリケーションの書き方に近い将来大きな影響を与えることになる、素晴らしい新機能です。 Plasmicでは、Reactのビジュアルビルダーを開発しており、Reactのパフォーマンスには大きな関心を持もっています。 当社のク... 続きを読む

「徒歩圏とは10分以内」　時代を映すアンケート結果に愕然 - 住宅最前線 こだわリポート - NIKKEI 住宅サーチ

2012/04/28 364 users NIKKEI リポート 住宅サーチ 徒歩圏 アンケート結果

住宅最前線 こだわリポート 第三企画が発行する住宅・不動産業界紙「ＲＢＡタイムズＷｅｂ版」の記事を掲載します。本コーナーの記事内容に対するお問い合わせは「ＲＢＡタイムズＷｅｂ版」までお願いします。 すべて モデルルーム見聞 一戸建て 企業情報 その他 「駅からの徒歩圏」は「10分まで」との回答が38.4％でもっとも多かったとする不動産情報サイト事業者連絡協議会（RSC）のアンケート調査結果を報じた... 続きを読む