O que é micro front end?

Olá pessoal, neste artigo vou explicar um pouco sobre o micro front-end e as vantagens que ele proporciona.

Antes de realmente explicar o que é micro front-end, vamos entender alguns outros conceitos como:

Monolitos
Separação do front-end e back-end…


This content originally appeared on DEV Community and was authored by João Pedro Resende

Olá pessoal, neste artigo vou explicar um pouco sobre o micro front-end e as vantagens que ele proporciona.

Antes de realmente explicar o que é micro front-end, vamos entender alguns outros conceitos como:

  • Monolitos
  • Separação do front-end e back-end
  • Conceito de microsserviços

Monolitos

Uma aplicação monolítica consiste em um codebase centralizado em uma única unidade, ou seja, back-end e front-end em um único repositório. Não há distinção estrutural de front-end pra back-end tudo está dentro do mesmo código fonte.

Exemplo de monolito

Problemas comuns em uma aplicação monolítica

Alguns problemas comuns de uma aplicação monolítica.

  • Alta complexidade para corrigir bugs
  • Dificuldades para implementar novas features
  • Alto nível de interdependências no acoplamento de módulos
  • Dificuldades na coordenação entre times
  • Alto esforço para integração de novos desenvolvedores

Separação do front-end e back-end

Com o passar do tempo, o desenvolvimento passou a diferenciar as bases de códigos do back e front. Isso ajudou a melhorar o cenário caótico de código que aplicações monolíticas traziam.

Separação do front-end e back-end

Isso permitiu que times conseguissem fazer deploys sem depender do outro.

Microsserviços

Ainda neste contexto, surgiu o conceito de arquitetura de microsserviços. Quando falamos em microsserviços nos referindo a uma funcionalidade que pode ser dividida em partes menores.

Microsserviços

Depois de entender esses conceitos podemos, finalmente, falar sobre micro front-ends!

Micro front-ends

Micro Front-end é um estilo arquitetônico que separa uma aplicação de front em várias camadas menores, cada uma sendo responsável por um módulo específico da aplicação, normalmente separadas por domínios ou contextos de uso, permitindo assim, que diferentes times cuidem dessas funcionalidades de forma independente.

Exemplo micro front ends

Na prática, negócios podem separar produtos web em micro front-ends dividindo seus times de acordo com as funcionalidades dos seus sistemas.

Exemplo micro front ends

Por fim algumas vantagens de uma arquitetura micro front-end:

  • Mais facilidade na correção de bugs
  • Facilidade na integração de novas pessoas no projeto
  • Mais facilidade de implementação de novas features
  • Facilidade na coordenação entre times
  • Times mais independentes

Obrigado por ler esse artigo até aqui!

Este artigo foi escrito com a ajuda do Vinicius Morellato, siga ele no Linkedin

Me siga nas redes sociais! https://links.jpres.dev

Até o próximo artigo!


This content originally appeared on DEV Community and was authored by João Pedro Resende


Print Share Comment Cite Upload Translate Updates
APA

João Pedro Resende | Sciencx (2021-11-14T17:43:29+00:00) O que é micro front end?. Retrieved from https://www.scien.cx/2021/11/14/o-que-e-micro-front-end/

MLA
" » O que é micro front end?." João Pedro Resende | Sciencx - Sunday November 14, 2021, https://www.scien.cx/2021/11/14/o-que-e-micro-front-end/
HARVARD
João Pedro Resende | Sciencx Sunday November 14, 2021 » O que é micro front end?., viewed ,<https://www.scien.cx/2021/11/14/o-que-e-micro-front-end/>
VANCOUVER
João Pedro Resende | Sciencx - » O que é micro front end?. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/11/14/o-que-e-micro-front-end/
CHICAGO
" » O que é micro front end?." João Pedro Resende | Sciencx - Accessed . https://www.scien.cx/2021/11/14/o-que-e-micro-front-end/
IEEE
" » O que é micro front end?." João Pedro Resende | Sciencx [Online]. Available: https://www.scien.cx/2021/11/14/o-que-e-micro-front-end/. [Accessed: ]
rf:citation
» O que é micro front end? | João Pedro Resende | Sciencx | https://www.scien.cx/2021/11/14/o-que-e-micro-front-end/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.