eu fiz o meu sistema fullstack assim: sources(componentes graficos e base layout), public(imgs e icons), app(controllers, services, views, repositories, model), minha parte front-end é sources com diretórios para cada pagina contendo componentes e base do layout, finalizando o fluxo em app/views/pageA, que instancia cada elemento com parâmetros, com dados que ja trago do backend e juntos todas os objetos buildados no layout base, e depois a rota chama essa pagina... você acha q ta legal? no final parece bem modularizado e com responsabilidades unicas, só de abrir a view onde instancio os componentes da pra ver claramente que ficam toda inserção de dados... tudo junto no mesmo lugar isso da um tesão kkkkkkke me parece até um arquitetura razoável
Em uma criacao de Dashboard de admin onde tem as seguintes pages: perfil, pedidos, cardapio e relatorios. Cada pagina pode conter codigo muito grande. Como você organizaria isso?
da um olhada nesse post que vai ficar claro como divido a view www.linkedin.com/posts/isaac-gomes-matos_cansado-de-ter-paginas-gigantes-em-reactjs-activity-7257364393418461184-Nrpr? pq como deixo no exemplo la concorda que no exemplo que deu Perddil e pedidos são coisas diferentes? que devem ter logicas a parte e até testes a parte? ai é só quebrar cada im trecho vira uma sessão e cada sessão tem sua lógica
aqui tem a playlist implementando linkinbio.com.br/new/links_isaac la tem um projeto open source usando essa arch fique a vontade para explorar e testar rola uma call semanal sobre o projeto
Vamos supor que temos um Form de login que vai ser utilizado em 2 momentos diferentes, como você organizaria as pastas? Colocaria dentro de components?
exemplo de arquitetura de pastas:
www.linkedin.com/posts/isaac-gomes-matos_organiza%C3%A7%C3%A3o-de-pastas-activity-7270411014993534976-YDuk?
Ouvir sobre arquitetura é sempre muito bom 🔥
reforçar o conhecimento é sempre bom
parabéns pela aula mestre
Conteúdo top mano
Esse conteúdo e bem interessante, eu estava a procura. Video top!!
muito obrigado
logo vou trazer um modelo de implementação
Legal essa Arquitetura
+1 inscrito
valeu Pedro
+1 inscrita, conteúdo foda dms!!!
Parabéns pelo vídeo, mestre! Seria massa um conteúdo sobre micro front-end e module federation. Abraço!
3:08 kkkkk aprendeu
KSKSKSKK tem até que avisar
se não o bicho pega
eu fiz o meu sistema fullstack assim: sources(componentes graficos e base layout), public(imgs e icons), app(controllers, services, views, repositories, model), minha parte front-end é sources com diretórios para cada pagina contendo componentes e base do layout, finalizando o fluxo em app/views/pageA, que instancia cada elemento com parâmetros, com dados que ja trago do backend e juntos todas os objetos buildados no layout base, e depois a rota chama essa pagina... você acha q ta legal? no final parece bem modularizado e com responsabilidades unicas, só de abrir a view onde instancio os componentes da pra ver claramente que ficam toda inserção de dados... tudo junto no mesmo lugar isso da um tesão kkkkkkke me parece até um arquitetura razoável
Muito bom o video mano, tem algum repositório com um exemplo dessa organizaçāo?
da uma olhada na playlist de arquitetura front-end
o projeto feito la ta em um open source
que é aberto até para contribuir
Em uma criacao de Dashboard de admin onde tem as seguintes pages: perfil, pedidos, cardapio e relatorios. Cada pagina pode conter codigo muito grande.
Como você organizaria isso?
da um olhada nesse post que vai ficar claro como divido a view
www.linkedin.com/posts/isaac-gomes-matos_cansado-de-ter-paginas-gigantes-em-reactjs-activity-7257364393418461184-Nrpr?
pq como deixo no exemplo la
concorda que no exemplo que deu Perddil e pedidos são coisas diferentes?
que devem ter logicas a parte
e até testes a parte?
ai é só quebrar cada im trecho vira uma sessão
e cada sessão tem sua lógica
Show me the code!! Kk Boa! Faltou só linkar com código de exemplo
aqui tem a playlist implementando
linkinbio.com.br/new/links_isaac
la tem um projeto open source usando essa arch
fique a vontade para explorar e testar
rola uma call semanal sobre o projeto
Vamos supor que temos um Form de login que vai ser utilizado em 2 momentos diferentes, como você organizaria as pastas? Colocaria dentro de components?
APP/
COMPONENTS/
FORMLOGIN/
MODULOS/
ALUNO/
LOGIN(USO)
ficaria algo assim kkkk
pq se ta no escopo global ja sabe
afeta o modulo como um todo
redes
ebook JS e Arquitetura
linkinbio.com.br/new/links_isaac