Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

Partial hydration

オープン
#39 コメント 1 件 リアクション 0 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

評価

難易度
5/5
見積もり時間
1週間以上
初心者へのやさしさ
25/100
issue の種類
機能追加
明瞭さ
おおむね明確
活発さ
停滞
技術スタック
typescript, vite
領域
frontend, web-dev

調査の方向性

まず、インポートされたモジュールが importer chain を通じてどのようにマークされるか、また各 renderer パッケージがサブツリーをどのように処理するかを追跡します。次に、既存の .html.js ページモジュールと @saus/react renderer を参照ポイントとして調べます。サーバー専用モジュールがクライアントでの読み込みから除外され、静的 HTML に必要な data-saus マーカーが含まれ、ページモジュールがナビゲーション時の再レンダリングのためにそれらのマーカーをモジュールへマッピングできれば完了です。

索引モデルが issue の本文から書いたものです。

説明

backlog enhancement
Feature description
  • When a module with .client before its file extension is imported, the importer (and its importers, and so on) is marked as a "server-only" module.
  • Any modules marked "server-only" are never loaded on the client, and so those modules cannot produce HTML that relies on hydration.
Implementation details
  • The static HTML should include empty <div> elements with data-saus attribute that tells Saus which JS module needs to be loaded for hydration of that subtree.
  • Each renderer package (eg: @saus/react) is responsible for hydration of each subtree.
  • Each rendered page already has .html.js module. Ensure that module contains a map of data-saus attributes → JS modules, so it can import them and re-render each of the previous subtrees when a user navigates to its page.
主要言語
TypeScript
スター
38
フォーク
1
PR マージ指標
30日以内にマージされた PR はありません

コントリビューションガイド

このリポジトリのコントリビューションガイドは索引されていません

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

alloc/saus のほかの issue

alloc/saus の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。