Codebase City

Un tour guidato che rappresenta un repository di codice come una città: punto di ingresso, tabella delle route, albero di stato, livello delle richieste e cache, con un'annotazione su ogni edificio.

Prova Websites Agent

Loading preview...

Inizia con questo prompt

Un tour guidato che rappresenta un repository di codice come una città: punto di ingresso, tabella delle route, albero di stato, livello delle richieste e cache, con un'annotazione su ogni edificio.

Prova Websites Agent

Crea una pagina di tour guidato chiamata Codebase City che rappresenti un repository di codice come una mappa cittadina. Il quartiere di ingresso svolge solo tre funzioni: crea la shell dell'applicazione e registra un router minimo. La piazza della tabella delle route è l'unico luogo in cui si aggiungono nuove pagine. La torre più alta dello skyline è il modulo da cui dipendono più elementi dell'intero repository, un albero di stato con sottoscrizione, e facendo clic su di essa viene visualizzato l'elenco dei suoi dipendenti. Attorno alla torre si trovano un piccolo chiosco publish-subscribe, una torre per il logging strutturato, un edificio per il livello delle richieste che gestisce timeout, tentativi e annullamenti con backoff esponenziale e jitter, e un quartiere della cache a due livelli che combina memoria e persistenza con invalidazione basata su tag. Ogni edificio della mappa può essere aperto per leggere una breve annotazione che spiega le ragioni alla base della sua progettazione, così l'intento di ogni quartiere è scritto direttamente sul disegno. Mantieni l'intera città in un essenziale stile di tavola tecnica ingegneristica, come un disegno tecnico. Pagina statica in un unico file.

Aggiungi traiettorie delle dipendenze

Aprendo ora la torre dell'albero di stato, sopra l'elenco dei dipendenti vengono tracciate traiettorie in arrivo da ogni edificio chiamante, così a colpo d'occhio si vede chi dipende dalla torre.

Prova Websites Agent

Crea una pagina di tour guidato chiamata Codebase City che rappresenti un repository di codice come una mappa cittadina. Il quartiere di ingresso svolge solo tre funzioni: crea la shell dell'applicazione e registra un router minimo. La piazza della tabella delle route è l'unico luogo in cui si aggiungono nuove pagine. La torre più alta dello skyline è il modulo da cui dipendono più elementi dell'intero repository, un albero di stato con sottoscrizione, e facendo clic su di essa viene visualizzato l'elenco dei suoi dipendenti. Attorno alla torre si trovano un piccolo chiosco publish-subscribe, una torre per il logging strutturato, un edificio per il livello delle richieste che gestisce timeout, tentativi e annullamenti con backoff esponenziale e jitter, e un quartiere della cache a due livelli che combina memoria e persistenza con invalidazione basata su tag. Ogni edificio della mappa può essere aperto per leggere una breve annotazione che spiega le ragioni alla base della sua progettazione, così l'intento di ogni quartiere è scritto direttamente sul disegno. Mantieni l'intera città in un essenziale stile di tavola tecnica ingegneristica, come un disegno tecnico. Pagina statica in un unico file.

Passa alla vista notturna

L'intera mappa della città passa a una tavola notturna scura e le finestre del quartiere di ingresso, della torre dell'albero di stato e degli altri edifici si illuminano di luce del codice.

Prova Websites Agent

Crea una pagina di tour guidato chiamata Codebase City che rappresenti un repository di codice come una mappa cittadina. Il quartiere di ingresso svolge solo tre funzioni: crea la shell dell'applicazione e registra un router minimo. La piazza della tabella delle route è l'unico luogo in cui si aggiungono nuove pagine. La torre più alta dello skyline è il modulo da cui dipendono più elementi dell'intero repository, un albero di stato con sottoscrizione, e facendo clic su di essa viene visualizzato l'elenco dei suoi dipendenti. Attorno alla torre si trovano un piccolo chiosco publish-subscribe, una torre per il logging strutturato, un edificio per il livello delle richieste che gestisce timeout, tentativi e annullamenti con backoff esponenziale e jitter, e un quartiere della cache a due livelli che combina memoria e persistenza con invalidazione basata su tag. Ogni edificio della mappa può essere aperto per leggere una breve annotazione che spiega le ragioni alla base della sua progettazione, così l'intento di ogni quartiere è scritto direttamente sul disegno. Mantieni l'intera città in un essenziale stile di tavola tecnica ingegneristica, come un disegno tecnico. Pagina statica in un unico file.

Aggiungi un tour per i nuovi arrivati

Oltre alle annotazioni dei singoli edifici, un percorso di tour di dieci minuti, nell'ordine di onboarding, guida chi è appena arrivato dal quartiere di ingresso attraverso l'intera città del codice.

Prova Websites Agent

Crea una pagina di tour guidato chiamata Codebase City che rappresenti un repository di codice come una mappa cittadina. Il quartiere di ingresso svolge solo tre funzioni: crea la shell dell'applicazione e registra un router minimo. La piazza della tabella delle route è l'unico luogo in cui si aggiungono nuove pagine. La torre più alta dello skyline è il modulo da cui dipendono più elementi dell'intero repository, un albero di stato con sottoscrizione, e facendo clic su di essa viene visualizzato l'elenco dei suoi dipendenti. Attorno alla torre si trovano un piccolo chiosco publish-subscribe, una torre per il logging strutturato, un edificio per il livello delle richieste che gestisce timeout, tentativi e annullamenti con backoff esponenziale e jitter, e un quartiere della cache a due livelli che combina memoria e persistenza con invalidazione basata su tag. Ogni edificio della mappa può essere aperto per leggere una breve annotazione che spiega le ragioni alla base della sua progettazione, così l'intento di ogni quartiere è scritto direttamente sul disegno. Mantieni l'intera città in un essenziale stile di tavola tecnica ingegneristica, come un disegno tecnico. Pagina statica in un unico file.