Executando verificação de segurança...
6

Padrões de Arquitetura são o futuro do desenvolvimento?

Fala pessoal! Sou dev Front-end com muito foco em Nextjs, React, JavaScript e TypeScript. Há mais de 5 anos tenho criado projetos com o objetivo de construir coisas legais que facilitem a vida das pessoas.

Estou em busca de aprimorar a minha carreira e quero ir além do código, com isso, vi que as pessoas falam muito de padrões de arquitetura, vocês poderiam me ajudar a entender um pouco sobre esse tema e também como ele se encaixa em Front-end visando a minha Stack? Estou perdido e um pouco frustrado por existir tantos padrões e eu não conhecer nenhum.

Li um pouco de MVVM (Model-View-ViewModel), mas achei muito estranho a implementação por atuarmos com Hooks e Componentes... Muito grato a todos!

Atenciosamente,

Felps Dev.

Carregando publicação patrocinada...
3

Padrões de Arquitetura não são apenas o futuro, são o presente e passado. A cada aplicação nova que você cria você está usando um padrão. Pode ser um que só você usa e que não tenha um nome definido. Geralmente eles falam em como você vai organizar suas pastas e arquivos.

MVVM, MVC e outros padrões "tradicionais" não se encaixam no front-end. São padrões back-end ou, no máximo, Full-Stack. Fazer aplicações com o front separado é relativamente novo, e tem muito pouco conteúdo "maduro" sobre isso.

Um que gosto e uso bastante é o Feature Sliced. Me baseio nele e uso uma versão que sinto confortável em meus projetos.

2

Tive esse mesmo pensamento Felps, por ter iniciado como dev backend já tive alguns contatos com alguns padrões como o MVC e MVP, além de ter estudado um pouco outros como MVVM por exemplo. Quando iniciei no front, senti um pouco de falta de um pattern alí.

Buscando aplicar algo parecido no front, ví muitos padrões que se aplicam no ecosistema react/next. E recentemente analisando o repo de um projeto (react native), ví que alí eles usavam um pattern muito parecido com MVP, uma variação dele, que me fez brilhar os olhos.

Eu já tinha aplicado esse pattern em outro Framework, porém backend (no windows forms). Últimamente tenho gostado de aplicar o MVP no ecosistema react, visando separar melhor as responsabilidades da view, da lógica do componente além de conseguir escrever testes unitários de forma mais clara e objetiva, criando testes para a lógica e para view (como disse, existem patterns do próprio ecosistema que resolvem este problema, mas gostei de ver esse no react).

tenho um exemplo simples de como esse parttern fica no react, repo.

O que acham disso?

2

Aplicações frontend de larga escala é um conceito mais novo comparado ao backend, por isso realmente temos menos padrões existentes e claramente definidos como as melhores práticas.

É uma área que está em constante evolução no entanto. Vou passar dois artigos, que focam em React mas podem ser aplicados pra qlqer framework/lib. React é mais fácil de achar pq é basicamente o padrão para softwares enterprise hoje em dia.

Bulletproof React
Modularizing React Applications with Established UI Patterns