Arquitetura e Design de Front-end para Aplicações Escaláveis: Guia Completo

Neste vídeo, compartilho em detalhes como eu arquiteto e desenho minhas aplicações front-end para garantir que elas sejam escaláveis, flexíveis e capazes de atender a todas as necessidades.

Vamos explorar as melhores práticas, padrões de design e ferramentas essenciais que uso no meu fluxo de trabalho diário para criar interfaces de usuário robustas e eficientes.

Se você está buscando aprimorar suas habilidades em desenvolvimento front-end e quer aprender como estruturar seus projetos para o sucesso a longo prazo, você não pode perder esse vídeo!

# Links:

» Arquitetura para projetos front-end e React:

---------------------------------------------------------------------------------------------------------------------

# Projeto:

---------------------------------------------------------------------------------------------------------------------

# Comunidade:

---------------------------------------------------------------------------------------------------------------------

# Veja também:

» Construindo uma Linguagem de Programação com Rust & ChatGPT: Mergulhe na Magia do Compilador!:

» Desvendando o Padrão Template Method em C#:

» Gestão de Estado Facilitada no React: Explorando Signals da Preact:

» Criando servidores com diferentes configurações utilizando o padrão de projeto Options em go:

» Validando regras de negócio com o padrão de projeto Specification:

---------------------------------------------------------------------------------------------------------------------

# Thumbnails:

---------------------------------------------------------------------------------------------------------------------

# Doações:

---------------------------------------------------------------------------------------------------------------------

# Assine a newsletter para receber conteúdos e novidades por email

---------------------------------------------------------------------------------------------------------------------

# Me siga nas redes sociais:

[TheMathues]

Mano, obrigado demais por falar o porque das coisas sem simplesmente só estar ensinando conteúdo pobre e sem valor. Você e seu canal são extremamente necessários. Continue assim, sempre! ;)

[DaniloJr]

Vídeo muito aguardado. Cada vídeo melhor que o outro nesse canal! Vlw d+, Matheus!

[roohvieeira]

To com dificuldades para refatorar as arquiteturas que já existe no front do meu trabalho, esse vídeo clareou muito! Valeuuuu!

[bsantozs]

Excelente vídeo! To começando a estudar arquitetura e clareou muita coisa. Valeu!

[joaofilipe]

Poxa valeu pela ajuda!!! Estou estudando sobre isso esses dias e o vídeo me ajudou muito. Abraços

[hitaloschraiberloose]

O que acha de ter interfaces de funções, como IGetProducts, usar isso pra injetar na page, assim ia facilitar no testes, pois é só criar uma implementar mockada dessa função, vejo muito isso em backend, mas em front muito pouco. Se vc faz isso como separa os arquivos?

[igorgoncalves]

Quando tu fala da pasta interfaces eu fico pensando muito em interfaces em OO, mas a ideia aí que tu quer passar é de interfaces UI, ou seja te do a responsabilidade de renderização, correto? No caso ao usar views ao invés de interface foge o propósito? Home.view.tsx por exemplo

[vandercesar]

Parabéns, muito bom o vídeo!
Uma dúvida, quando a interface do subdomínio home precisa interagir com outros componentes de outros subdomínios. Exemplo: Na home carrego produtos e serviços. Como fica a organização e importações?

[rosenosilva]

Eu curti e acho que entendi mas se fizer um projeto exemplo utilizando isso aí de arquitetura e design front poderíamos ver como você pensa ao entrar em alguns problemas enquanto desenvolve seguindo a linha de raciocínio dessa arquitetura aí

[SabrinaDias]

Como é feita a orquestracao do layout dentro do subdomínios?

[phillipnunes]

@Matheus gostei, só não entendi como funcionaria essa estrutura de pastas dentro do esquema de rotas do Next, onde ele usa a estrutura de pastas dentro do pages pra montar as rotas. Nessa estrutura aí perderia o benefício do roteamento da pasta pages? Sem usar ela eu só saberia fazer usando React router, é essa a intenção? Obrigado @Matheus Castiglioni

[SabrinaDias]

qual microfone é esse que vc esta usando?