Design atômico

Composição em toda a stack.

Um átomo é um bloco com uma responsabilidade definida. Uma funcionalidade combina um recurso, a lógica que trabalha com ele e a apresentação que lhe dá propósito.

01 / Recursos

Evento

Título, data, local, descrição e estado de publicação.

02 / Comportamento

Programação

Selecione eventos publicados, ordene a programação e verifique o acesso antes da edição.

03 / Apresentação

Cartões e páginas

Um cartão de evento compartilhado compõe uma listagem e uma seção de destaques. Uma rota reúne as partes.

04 / Rota

Programação pública

A rota reúne o recurso de evento, a lógica de seleção e o cartão compartilhado em uma programação pública.

Evento Comportamento Apresentação Programação pública

Uma funcionalidade completa. Partes reutilizáveis em toda a stack.

O exemplo de eventos: uma programação pública construída com um recurso de evento e blocos de apresentação reutilizáveis.
O exemplo de eventos: uma programação pública construída com um recurso de evento e blocos de apresentação reutilizáveis.

Leia sobre composição full-stack ↗