NextJS
Data | Versão | Descrição | Autor(es) |
---|---|---|---|
16.04.2022 | 0.1 | Abertura do documento | Yuri Alves |
17.04.2022 | 0.2 | Adição da Introdução | Yuri Alves |
18.04.2022 | 0.3 | Adição do HotSpot | Yuri Alves |
18.04.2022 | 0.4 | Adição do FrozenSpot | Yuri Alves |
18.04.2022 | 0.5 | Revisão do documento | Peniel Etèmana |
Participantes
Introdução
A reutilização de software é chamado de reutilização de código. Ela se baseia no uso de conceitos, produtos ou soluções previamente elaboradas ou adquiridas para criação de um novo software, visando melhorar significativamente a qualidade e a produtividade.
Reusar um produto significa poder reusar partes de um sistema desenvolvido anteriormente como: especificações, módulos de um projeto, arquitetura e código fonte. A principal motivação para a reutilização está relacionada ao aumento dos níveis de qualidade e produtividade no desenvolvimento de software. Sendo assim, estaremos apresentando o conceito de reutilização do FrontEnd com o NextJS.
Metodologia
NextJS é um framework JavaScript que permite a criação de aplicações web, com foco em desenvolvimento front-end. O NextJS é um framework bastante utilizado em desenvolvimento de single page applications. Trazendo uma agilidade no processo de desenvolvimento.
Resultados
Hot-Spots: são partes específicas de sistemas individuais, projetadas para serem genéricos e adaptáveis.
- Utilizando no React hot-stops como por exemplo os "components". Aceitando "prop" e retornando elementos
Figura 1: Components frontend
Autor: Yuri Alves, 2022.Figura 2: Exemplo de components
Autor: Yuri Alves, 2022.
Frozen-Spots: definem a arquitetura geral do sistema e seus componentes básicos, permanecem fixos em todas as instanciações.
- Utilizando do hook como por exemplo o useEffect
Figura 3: Exemplo de useEffect
Autor: Yuri Alves, 2022.
Referências
[1] Reutilização de software. Disponível em: https://www.devmedia.com.br/reutilizacao-de-software-revista-engenharia-de-software-magazine-39/21956#:~:text=A%20reutiliza%C3%A7%C3%A3o%20de%20software%20se,a%20qualidade%20e%20a%20produtividade.. Acesso em 30, março de 2022.
[2] NextJS. Disponível em: https://nextjs.org/docs Acesso em 17 abril de 2022. [3] Padrões Framework. Disponível em: https://www.inf.ufpr.br/andrey/ci163/PadroesFrameworksAl.pdf Acesso em 18 abril de 2022.