Partial hydration
Nessuno ha ancora preso questa issue.
Valutazione
- Difficoltà
- 5/5
- Tempo stimato
- Più di una settimana
- Idoneità per principianti
- 25/100
- Tipo di issue
- Funzionalità
- Chiarezza
- Abbastanza chiara
- Stato di attività
- Ferma
- Stack tecnologico
- typescript, vite
Direzione di ricerca
Inizia tracciando come vengono contrassegnati i moduli importati lungo la catena degli importer e come ogni pacchetto di rendering gestisce un sottoalbero. Poi esamina il modulo di pagina .html.js esistente e il renderer @saus/react come punti di riferimento. Il lavoro è completo quando i moduli esclusivamente server-side sono esclusi dal caricamento lato client, l’HTML statico contiene i marker data-saus richiesti e il modulo di pagina associa tali marker ai moduli per il nuovo rendering durante la navigazione.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
Feature description
- When a module with
.clientbefore 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 withdata-sausattribute 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.jsmodule. Ensure that module contains a map ofdata-sausattributes → JS modules, so it can import them and re-render each of the previous subtrees when a user navigates to its page.
- Lingua principale
- TypeScript
- Stelle
- 38
- Fork
- 1
- Metriche di merge delle PR
- Nessuna PR unita negli ultimi 30g
Preparare l'ambiente
Non abbiamo ancora controllato i file di configurazione di questo progetto. Parti dal suo README e consulta la nostra guida al primo contributo per i passaggi generali.
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Altre issue di alloc/saus
-
enhancement
Difficoltà 3/5 1-2 giorni Idoneità per principianti 35/100
-
package idea
Difficoltà 5/5 Più di una settimana Idoneità per principianti 25/100
-
Supertokens pluginApertahelp wanted package idea
Difficoltà 5/5 Più di una settimana Idoneità per principianti 20/100
-
enhancement plugin:aws saus deploy
Difficoltà 4/5 3-5 giorni Idoneità per principianti 35/100
-
bug saus deploy
Difficoltà 4/5 3-5 giorni Idoneità per principianti 42/100
Issue simili
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100
melgarafael/DeskcommCRM#1812 ·
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 84/100
prisma/prisma-cli#309 ·
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100
gregwebs/pi-quota-dispatcher#26 ·
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 74/100
openwatersio/slackwater.xyz#124 ·
I maintainer di solito rispondono entro 1 giorno
-
agent-reported area/browser area/docs documentation good first issue hacktoberfest help wanted P2
Difficoltà 1/5 Meno di un'ora Idoneità per principianti 90/100
I maintainer di solito rispondono entro 2 giorni