React界隈で話題になっている「React Server Components」についてまとめました！ | DevelopersIO

どうもReact大好きCX事業部の片岡です！ 今回はReact界隈で話題になっている「React Server Components」についての内容を意訳してみました。 元ネタ 話題になっているこちらの記事が元ネタです。 https://reactjs.org/blog/2020/12/21/data-fetching-with-react-server-components.html 概要 Fetch APIでデータをやり取りすると、バケツリレーが発生します。例えば、Spotifyのアーティストページにはアーティストの情報と人気の曲とアルバム一覧が並びます。この時、人気の曲とアルバム一覧を取得するには、アーティスト情報を取ってこないといけません。そうすると、アーティスト情報を取得している間と人気の曲・アルバム一覧を取得するまでにクライアントサイドとサーバーサイドで無駄な待機時間が出来てし

[programmablekinoko]

ある種のpjaxっぽいんだけどReactの純然たるコンポーネントとしてサーバー側で扱われている事。クライアントサイドのjavascript空間がサーバーに拡張された形で、方向が逆

[george0701]

サーバーサイドレンダリングと違う点は、一部のコンポーネントだけをサーバーに移行するという点かな

[shingo-sasaki-0529]

コンポーネント単位でSSRできるって話で良いのか…?? SSR後のクライアントサイドでのステートの更新って話も Nuxt の asyncData で出来ると思うけど(Next はわからない)

[d4-1977]

そういうヤツなのか？まだまだワカラナイ…

[rryu]

Railsのremote render partialに戻ってきた感じ。その部分用の専用のAPIとフェッチ処理を作るくらいならサーバサイドで全部やったほうが楽というのは分かるがなんだかなあという感じ。

[yamadashy]

これやっちゃうと戻れなくなりそうなので、こういうアプローチもあるぐらいかも

[ka-ka_xyz]

んー、「何が悲しくてサーバーサイドでクライアントサイドから来たライブラリに依存しないといかんのだ」感が強くてちょっと...いやReactと依存を深めたいならそれも良いかもだけど、のっとふぉーみー的な。

[NOV1975]

ブラウザでクラサバやるのもうやめようぜ

[door-s-dev]

早いなと思ったら実際に触ってみたわけではないのねん

[Nyoho]

“これは、date-fnsだけでなく、みんな大好きlodashやLaTeX形式をSVGに変換する等パッケージの容量を気にせずに使うことができるので”

[chitosetan]

aho

[diveintounlimit]

JS界隈この手の車輪の再発明よくある印象

[ducktoon]

以前の方法に戻ってきてないか？(適当)

[ogawa0071]

BFFどころかバックエンド全体をJavaScript (Node.js)で実装する機運が高まりそう。

[numtet]

お

[Keisuke69]

お、今朝シェアしたやつに関するブログが