Cidade do Código

Uma visita guiada que representa um repositório de código como uma cidade: ponto de entrada, tabela de rotas, árvore de estado, camada de requisições e cache, com uma anotação em cada prédio.

Experimente o Websites Agent

Loading preview...

Comece com este prompt

Uma visita guiada que representa um repositório de código como uma cidade: ponto de entrada, tabela de rotas, árvore de estado, camada de requisições e cache, com uma anotação em cada prédio.

Experimente o Websites Agent

Crie uma página de visita guiada chamada Cidade do Código que represente um repositório de código como um mapa de cidade. O distrito de entrada faz apenas três coisas: cria a estrutura da aplicação e registra um roteador mínimo. A praça da tabela de rotas é o único lugar onde novas páginas são adicionadas. A torre mais alta do horizonte é o módulo do qual mais se depende em todo o repositório, uma árvore de estado com suporte a assinaturas, e clicar nela revela a lista de seus dependentes. Ao redor da torre, há um pequeno quiosque de publicação-assinatura, uma torre de registros estruturados, um prédio da camada de requisições que lida com tempo limite, novas tentativas e cancelamento usando recuo exponencial com jitter, e um bairro de cache em dois níveis que combina memória e persistência com invalidação baseada em tags. Cada prédio do mapa pode ser aberto para ler uma breve anotação que explica a lógica por trás de seu design, de modo que a intenção de cada distrito esteja escrita no próprio desenho. Mantenha toda a cidade em um estilo limpo de planta de engenharia, desenhada como uma planta técnica. Página estática de arquivo único.

Adicionar trajetórias de voo das dependências

Agora, ao abrir a torre da árvore de estado, são traçadas trajetórias de voo que chegam de cada prédio que a chama, sobrepostas à lista de dependentes, permitindo ver de relance quem depende da torre.

Experimente o Websites Agent

Crie uma página de visita guiada chamada Cidade do Código que represente um repositório de código como um mapa de cidade. O distrito de entrada faz apenas três coisas: cria a estrutura da aplicação e registra um roteador mínimo. A praça da tabela de rotas é o único lugar onde novas páginas são adicionadas. A torre mais alta do horizonte é o módulo do qual mais se depende em todo o repositório, uma árvore de estado com suporte a assinaturas, e clicar nela revela a lista de seus dependentes. Ao redor da torre, há um pequeno quiosque de publicação-assinatura, uma torre de registros estruturados, um prédio da camada de requisições que lida com tempo limite, novas tentativas e cancelamento usando recuo exponencial com jitter, e um bairro de cache em dois níveis que combina memória e persistência com invalidação baseada em tags. Cada prédio do mapa pode ser aberto para ler uma breve anotação que explica a lógica por trás de seu design, de modo que a intenção de cada distrito esteja escrita no próprio desenho. Mantenha toda a cidade em um estilo limpo de planta de engenharia, desenhada como uma planta técnica. Página estática de arquivo único.

Mudar para a visão noturna

Todo o mapa da cidade muda para uma planta noturna escura, e as janelas do distrito de entrada, da torre da árvore de estado e dos demais prédios brilham com luz de código.

Experimente o Websites Agent

Crie uma página de visita guiada chamada Cidade do Código que represente um repositório de código como um mapa de cidade. O distrito de entrada faz apenas três coisas: cria a estrutura da aplicação e registra um roteador mínimo. A praça da tabela de rotas é o único lugar onde novas páginas são adicionadas. A torre mais alta do horizonte é o módulo do qual mais se depende em todo o repositório, uma árvore de estado com suporte a assinaturas, e clicar nela revela a lista de seus dependentes. Ao redor da torre, há um pequeno quiosque de publicação-assinatura, uma torre de registros estruturados, um prédio da camada de requisições que lida com tempo limite, novas tentativas e cancelamento usando recuo exponencial com jitter, e um bairro de cache em dois níveis que combina memória e persistência com invalidação baseada em tags. Cada prédio do mapa pode ser aberto para ler uma breve anotação que explica a lógica por trás de seu design, de modo que a intenção de cada distrito esteja escrita no próprio desenho. Mantenha toda a cidade em um estilo limpo de planta de engenharia, desenhada como uma planta técnica. Página estática de arquivo único.

Adicionar uma visita para novos integrantes

Além das anotações de cada prédio, uma rota de visita de dez minutos, na ordem de integração, conduz novos integrantes pelo mapa de toda a cidade do código.

Experimente o Websites Agent

Crie uma página de visita guiada chamada Cidade do Código que represente um repositório de código como um mapa de cidade. O distrito de entrada faz apenas três coisas: cria a estrutura da aplicação e registra um roteador mínimo. A praça da tabela de rotas é o único lugar onde novas páginas são adicionadas. A torre mais alta do horizonte é o módulo do qual mais se depende em todo o repositório, uma árvore de estado com suporte a assinaturas, e clicar nela revela a lista de seus dependentes. Ao redor da torre, há um pequeno quiosque de publicação-assinatura, uma torre de registros estruturados, um prédio da camada de requisições que lida com tempo limite, novas tentativas e cancelamento usando recuo exponencial com jitter, e um bairro de cache em dois níveis que combina memória e persistência com invalidação baseada em tags. Cada prédio do mapa pode ser aberto para ler uma breve anotação que explica a lógica por trás de seu design, de modo que a intenção de cada distrito esteja escrita no próprio desenho. Mantenha toda a cidade em um estilo limpo de planta de engenharia, desenhada como uma planta técnica. Página estática de arquivo único.