React Serverコンポーネント（RSC）ノートアプリデモ /プレイグラウンドフレームワークなし
- ライブサーバーコンポーネント（RSC）ノートアプリデモ /プレイグラウンドを参照してください
- フレームワークなしで、ブログ投稿React Serverコンポーネントを読む
免責事項
次の実装についてはまだ最適なものはまったくありませんが、意図的に素朴で不完全であり、学習とデモの目的を目的としています。
目的
- やや機能的なReactノートアプリ（テキストタイトルとマークダウンコンテンツを使用したメモのリスト、作成、編集、削除）
- クライアントコンポーネントと一緒に使用されるReactサーバーコンポーネント
- ある種のサーバー側のレンダリング
- サーバーコンポーネントを使用したある種のデータフェッチ
- クライアントとサーバー上の両方で多少機能するルーティング
- クライアントからのサーバーコンポーネントを更新します
- 使用可能なRSC遊び場
- 何よりも：学ぶ
はじめる
node.js v18.18.1 + npm v9.8.1で開発されました
開発環境
- Webpackプロセスを開始し、
./srcの変更を監視し、構築されたファイルを./distに出力する - http：// localhost：3000でnode.js httpサーバー（Fustify
./dist使用）を開始./srcます./server
製品環境
Webpackビルドを実行し、制作のためにnode.js HTTPサーバーを起動します。
主な依存関係
- Webpackバンドラー
- JSX構文を翻訳するためのBabel JavaScriptコンパイラ
- HTTP Webサーバーのファースト化
- A-Route非常に最小限のJavaScript / DOMルーティングライブラリを活用するカスタム要素を活用する
その他
- TwitterでTimothée「Tim」柱@tpillardによって作成されました
- 「フレームワークなしでサーバーコンポーネントを反応する」Twitterでのブログ投稿の発表
- React Notesアプリに基づいています
