Derivação de um estilo arquitetural para o front-end de sistemas baseados em React.js com base em projetos Open Source

Abstract

O desenvolvimento de aplicações Web ao longo dos anos se tornou mais complexa e a necessidade de se utilizar frameworks para facilitar a criação e manutenção se tornou predominante. Por consequência, alguns frameworks ganharam espaço no mercado: An gular, Vue.js e React.js. O último deles não possui uma arquitetura definida e em com paração com os demais projetos é o mais popular. O objetivo desse trabalho é analisar a arquitetura de projetos Open Source que são desenvolvidos com o framework React.js e extrair elementos comuns para uma proposta de arquitetura. O resultado obtido mostra que os projetos selecionados seguem regras semelhantes ao que diz respeito a separação de conceitos de camada de visual e da camada de manipulação de estado, como também um comportamento semelhante na modularização de funcionalidades.

Over the years, the development of Web applications was become more complex and the need to use an frameworks more common. As consequence, some frameworks become popular: Angular, Vue.js and React.js. The last one doesn’t have a defined architecture and is the most popular of them. The main goal of this project is to analyse Open Source projects that use React.js and extract common elements of the architecture. The conclu sion of the project show that all projects have common patterns related with visual and state manipulation segregation and a similar patterns for modularity of functionalities.