サーバーサイド偵察 – Codepen

Reactのものに従う傾向がある場合、Reactには「サーバーコンポーネント」と呼ばれる新しいものがあることを知っているかもしれません。マヤンクは持っています それらについての優れたブログ投稿。それは彼らについての素敵なことを呼びかけることから始まり、それから彼らについてあらゆる種類のあまり良くないことをかなり呼びます。私、それは地獄のようにすべて奇妙だと思います。 Reactが「ただのUIライブラリ」だったという事実は、長い間Node.jsサーバーが必要なのは、最大限に活用されるのは、飛躍的なことです。そして、あなたが言わなければならないので、それはすでにこれまでになくなっています "use client" コンポーネントが必要なとき ない サーバーコンポーネントになるには？ （しかし、実際には、「サーバーコンポーネントとクライアントコンポーネントの両方です」）。 oof。

サーバーコンポーネントのドキュメントにリンクしますが、何もありません。ただあります 更新ブログ投稿、そして、ほとんど言及していません 出血エッジの反応フレームワーク セクション：

これらの機能は毎日生産対応に近づいており、私たちは他のバンドラーやフレームワーク開発者と統合することについて話し合っています。

したがって、それらを使用したい場合は、 してもいいです のみ next.jsでそうします。フレームワークにそれらを構築したい場合は、Reactチームがコラボレーションに手を伸ばすまで息を止めます。たぶんそれは少し不公平ですが、私はあなたがそれをすべて始めようとすることを除いて、あなたがそれをすべて始めるために何を読んだかわかりません next.jsコードを掘ります そして、彼らがそれをどのようにしたかを見てください。 Codepenでnext.jsを使用しているので、利用できるようになります。すべてが奇妙に感じると思います。

Next.jsは、Reactを使用する非常に人気のある方法です。したがって、たまたま次に使用して最新の状態を維持している場合は、サーバーコンポーネントを使用しています。それはあなたにとって有利かもしれません。それは本当に最高のフレームワークです。あなたはほとんど何もしません、フレームワークは進化し、彼らが舞台裏で行う魔法のことを利用します。しかし、現実は、フレームワークのアップグレードが苦痛になる可能性があることを示しています。非互換性のために作業を必要としないメジャーバージョンのアップグレードはめったにありません。このサーバーサイドコンポーネントの1人の犠牲者は、ほとんどの犠牲者です CSS-in-act landscape。

ジョシュ・コモーは、この状況にしっかりと掘り下げています。 最終的には、いくつかのライブラリにとって現時点では実際の解決策がないため、最終的には非常に単純な問題です。 styled-components、最大のプレーヤーの議論：

基本的な互換性は、スタイルのコンポーネントがブラウザ内で実行するように設計されているのに対し、サーバーコンポーネントはブラウザには触れないことです。

内部的には、スタイルのコンポーネントが大量に使用します useContext フック。それは反応のライフサイクルに縛られることを意図していますが、そこに は サーバーコンポーネントのReact Lifecycleはありません。したがって、この新しい「Reactサーバーコンポーネント」の世界でスタイルのコンポーネントを使用したい場合は、レンダリングするすべてのReactコンポーネント シングルでさえ スタイルのコンポーネントは、クライアントコンポーネントになる必要があります。

それは世界の終わりではありません。 すでにそうであるように。

私は賢く、先見の明があり、魅力的で、香りの良い人であることを証明するために、私は長い間CSSモジュールのファンでしたが、JavaScriptだけができるダイナミックなことをすることを約束しないため、そのような問題はありません。同様に、「ゼロルンティム」を約束するこれらのCSS-in-reac-in-reac-in-reac-in-in-in-in-in-in-in-in-in-inのライブラリは、良好な状態です。あなたが私に尋ねると、それは本当にずっと行く方法でした。スタイリングの選択静的CSSとしての出荷は、Webの粒子を良い方法で使用します。

反応は、他の同様の大きな方法でも進化しています。 Adrienne Rossにはかなり素晴らしい概要があります React 19のコードベースを準備してください。巨大なことは、それがコンパイルされたフレームワークになるということです（!!!!？！）。だから、「それは単なるUIライブラリ」の状況ではありませんでしたが、それは決して真実ではありませんでしたが、今では非常に真実ではありません。それは反応自体にとって大きな変化ですが、開発者にとっては大きな変化にならないと思います。 Reactで発達している人々は、とにかくほとんど確実にビルドプロセスを使用しており、Reactコンパイラはその一部になります。あなたが次の時流にいるなら、それは確かにそのパイプラインへの道を狂わせるでしょう。多分それはそうするでしょう のみ 次は利用可能ですか？！私はそれがワイルドに聞こえると思いますが、それは文字通りサーバーコンポーネントで起こっていることなので、それはほとんどありそうです。

Svelteは、この世代の最初の主要な枠組みのように感じています。クライアントサイドのバンドルを小さくし、オーサリングの動作を容易にします。フレームワークがパフォーマンスを支援する必要があるときに特定の詳細を把握する責任がないため、簡単です。の使用 useMemo そして useCallback Reactには、パフォーマンス固有のフックがありますが、誤って使用していない場合、または使用していない場合は、アプリケーションを傷つけています。それは吸う。コンパイラでもうそれらについて考える必要がないという事実は、歓迎すべきアップグレードです。

私が見たいもの、そしてここに同意する人がたくさんいることを知っています、クライアントサイズのバンドルサイズはあります 実際に降りてきます。私がリンクした最初の記事で、Mayankは、サーバーコンポーネントが現在存在しているにもかかわらず、クライアントに向かうJavaScriptバンドルが 増加。 繰り返しますが、それは吸う。ストーリーは、ハロー、ワールドの足場よりもサーバーコンポーネントを大幅に活用できる完全に肉付けされたアプリケーションで非常に異なっていると確信していますが、それでも、それらがボード全体に降りてくることを望んでいます。

Reactは今、ウェブ上のこのようなモンスタープレーヤーです。私はそれをあまりにも大きすぎるカテゴリで考えています。彼らが何をしても、開発者は並んでいます。企業は、Reactを知っている開発者の小切手を書いており、雇用市場は今すぐ吸い込まれているため、反応を知るようにプレッシャーがさらに高くなります。おそらく自分自身にそれを愛させさえします。

テクノロジーは行き来する傾向があります。私たちは皆、かつて大きく、今ではすべてがなくなったか、少なくとも良い恵みから消えてしまったWeb技術の独自の例を持っていると確信しています。しかし、Techが十分に大きくなると、そうする傾向があります ない 行く。 WordPressは巨大で、Web Devのキャリア全体の毎秒が巨大でした。私には、ある意味でソーシャルメディアをエコーし​​ます。 Facebookの真ん中で、それはしばしば予測されました。結局のところ、Friendsterは亡くなりました。 myspaceはほこりを噛みました。 Google+が行き来しました。人々は気まぐれです。 Facebookも死んで、新しくて光沢のあるものに置き換えられます。しかし、それはそうではなく、それはもはや予測されていません。失敗するには大きすぎます。反応もそうです。