MICROFRONTEND: um estudo sobre o conceito e aplicação no frontend

Charlles Paiva Nascimento; Eder Carlos Salazar Sotto

doi:10.31510/infa.v17i1.798

Authors

Charlles Paiva Nascimento Faculdade de Tecnologia de Taquaritinga (FATEC) – Taquaritinga – São Paulo – Brasil
Eder Carlos Salazar Sotto Faculdade de Tecnologia de Taquaritinga (FATEC) – Taquaritinga – São Paulo – Brasil https://orcid.org/0000-0002-7902-7286

DOI:

https://doi.org/10.31510/infa.v17i1.798

Keywords:

Microfrontend, Aplicação Web, Desenvolvimento Web, Frontend

Abstract

This article has the objective to show the concepct and application of microfrontend architecture, demonstrating its advantages and risks within the universe of software development, compared to the traditional monolithic model. For this a bibliographic research was carried out using books and scientific articles and a prof a concept was developed using this architecture model. Though it is concluded that the microfrontend architecture represents a big advance for the future of software development for Web, given that brings benefits of code organization, project independence, teams and scalability, enabling software developers to improve the creation of solutions, since the existing barriers in the monolithic model are reduced.

Downloads

Download data is not yet available.

Metrics

Metrics Loading ...

References

ALMEIDA, Adriano. Arquitetura de microserviços ou monolítica?. Disponível em <http://blog.caelum.com.br/arquitetura-de-microservicos-ou-monolitica/>. Acesso em: 27 mar. 2020.

ANGULAR(2020). Angular: Introduction to Angular concepts. Angular Docs, 2020. Disponível em: <https://angular.io/guide/architecture>. Acesso em: 09 de março de 2020.

BRANAS, Rodrigo. AngularJS essentials: Design and construct reusable, maintainable, and modular web applications with AngularJS. Birmingham, United Kingdom: Packt Publishing, 2014.

CARR, Nicholas G. Será que TI é tudo?: Repensando o papel da tecnologia da informação. 1 ed. São Paulo: Editora Gente, 2009.

COPES, Flavio. The React Handbook. 2019. Disponivel em: < https://www.freecodecamp.org/news/the-react-handbook-b71c27b0a795/>. Acesso em: 27 de março de 2020.

FILIPOVA, Olga. Learning Vue.js 2. Birmingham, United Kingdom:Packt Publishing. 2016.

FREEMAN, Adam. Pro Angular 6. 3 ed. London: Apress, 2018

JACKSON, Cam. Micro Frontends. Disponível em <https://www.martinfowler.com/articles/micro-frontends.html>. Acesso em: 27 de mar. 2020

KRISHNAMURTHY, Santhosh. What are Micro Frontends. IEEE India Info, v. 14, n. 4, p. 105-109, out/dez 2019.

KYRIAKIDIS A.; MANIATIS K.; YOU E. The Majesty of Vue.js. Leanpub, 2016.

LACERDA, Milene. No mar de libs e frameworks: conhecendo o Vue.js –Parte I. [s.l.]:BrazilJS, 2017. Disponível em:<https://braziljs.org/blog/no-mar-de-libs-e-frameworks-conhecendo-o-vue-js-parte>. Acesso em: 23 mar. 2020.

MALIPENSE, L. M.; ZUCHI, J. D. UM ESTUDO SOBRE O CONCEITO E A APLICAÇÃO DA ARQUITETURA DE MICROSERVIÇOS. Revista Interface Tecnológica, v. 15, n. 1, p. 122-134, 30 jun. 2018.

NEWMAN, Sam. Building Microservices: Designing fine-grained systems. 1. ed. Califórnia: O’Reilly Media, 2015.

PANDIT, Nitin. What Is ReactJS and Why Should We Use It? 2018. Disponível em: <www.c-sharpcorner.com/article/what-and-why-reactjs>. Acesso em: 12 março 2019.

REACT (2013). React: Why did we build React?. React Blog, 2013. Disponível em: <https://reactjs.org/blog/2013/06/05/why-react.html >. Acesso em: 09 de março de 2020.

SINGLE-SPA (2020). Single-SPA: Getting Started with single-spa, Docs, 2020. Disponivel em: <https://single-spa.js.org/docs/getting-started-overview>. Acesso em: 27 de março de 2020

VUEJS(2020). Vue.js: What is Vue.js?. Vue.js Docs, 2020. Disponível em: <https://vuejs.org/v2/guide/>. Acesso em: 09 de março de 2020.

YANG C., CHUANCHANG L., ZHIYUAN S. Research and Application of Micro Frontends. IOP Conf. Ser.: Mater. Sci. Eng, Beijing, ano 19, n 490, abr. 2019. Disponível em: <https://iopscience.iop.org/article/10.1088/1757-899X/490/6/062082/pdf> Acesso em: 27 de mar. 2020.