Please use this identifier to cite or link to this item:
http://dspace.sti.ufcg.edu.br:8080/jspui/handle/riufcg/29299| Title: | Estudo e análise de técnicas para melhorar desempenho de sistemas front-end com react. |
| Other Titles: | Study and analysis of techniques to improve performance of front-end systems with react. |
| ???metadata.dc.creator???: | ROCHA, Ezequias de Oliveira. |
| ???metadata.dc.contributor.advisor1???: | BAPTISTA, Cláudio de Souza. |
| ???metadata.dc.contributor.referee1???: | ARAUJO, Joseana Macêdo Fechine Régis de. |
| ???metadata.dc.contributor.referee2???: | MASSONI, Tiago Lima. |
| Keywords: | Sistemas front-end com react;Frontend systems with react;Melhoramento de sistemas front-end;Improvement of front-end systems;Otimização;Optimization;Desenvolvimento web;Web development;React;Desempenho de sistemas front-end - melhorias;Front-end systems performance - improvements;Sistemas de aplicação web;Web application systems;Aplicações web - técnicas de melhoria de desempenho;Web applications - performance improvement techniques;Mitigação de código;Code mitigation;Code-splitting;Lazy load |
| Issue Date: | 14-Feb-2023 |
| Publisher: | Universidade Federal de Campina Grande |
| Citation: | ROCHA, Ezequias de Oliveira. Estudo e análise de técnicas para melhorar desempenho de sistemas front-end com react. 2023. 13f. (Trabalho de Conclusão de Curso - Artigo), Curso de Bacharelado em Ciência da Computação, Centro de Engenharia Elétrica e Informática, Universidade Federal de Campina Grande – Paraíba - Brasil, 2022. Disponível em: http://dspace.sti.ufcg.edu.br:8080/jspui/handle/riufcg/29299 |
| ???metadata.dc.description.resumo???: | Os sistemas de aplicação web são de extrema importância para as grandes empresas atualmente. Esses sistemas podem ter um nível de complexidade elevado, precisando, desta forma, de mais desempenho para ter sucesso no mercado competitivo e entregar uma experiência de interação melhor para os usuários. Neste trabalho, são descritas e analisadas algumas técnicas que podem ser utilizadas para aumentar o desempenho de uma aplicação web que utiliza React, uma das bibliotecas mais recorrentes na atualidade. Para tal fim, foi realizada uma pesquisa na literatura e em comunidades de desenvolvimento para obter técnicas, como a de code-splitting, lazy load e de minificação de código. Em seguida, essas técnicas avaliadas em um sistema real já existente, no qual foram coletados dados seguindo algumas métricas, como a de primeira renderização de conteúdo e a de tempo até interatividade, para ser possível observar a eficiência dessas práticas, iniciando, desta forma, uma catalogação das boas e más práticas para o desempenho dos sistemas front-end. |
| Abstract: | Web application systems are extremely important for large companies today. These systems can have a high level of complexity, requiring more performance to succeed in the competitive market and deliver a better interactive experience for the users. In this work, some techniques that can be used to improve the performance of a web application using React, one of the most common libraries today, are described and analyzed. With this in mind, a literature and development community search was conducted to obtain techniques such as code-splitting, lazy load, and code minification. Finally, these techniques were evaluated in an existing real system, in which data was collected following some metrics, such as first content rendering and time to interactivity, to observe the efficiency of these practices, starting a catalog of good and bad practices for front-end system performance. |
| Keywords: | Sistemas front-end com react Frontend systems with react Melhoramento de sistemas front-end Improvement of front-end systems Otimização Optimization Desenvolvimento web Web development React Desempenho de sistemas front-end - melhorias Front-end systems performance - improvements Sistemas de aplicação web Web application systems Aplicações web - técnicas de melhoria de desempenho Web applications - performance improvement techniques Mitigação de código Code mitigation Code-splitting Lazy load |
| ???metadata.dc.subject.cnpq???: | Ciência da Computação. |
| URI: | http://dspace.sti.ufcg.edu.br:8080/jspui/handle/riufcg/29299 |
| Appears in Collections: | Trabalho de Conclusão de Curso - Artigo - Ciência da Computação |
Files in This Item:
| File | Description | Size | Format | |
|---|---|---|---|---|
| EZEQUIAS DE OLIVEIRA ROCHA - TCC ARTIGO CIÊNCIA DA COMPUTAÇÃO CEEI 2023.pdf | Ezequias de Oliveira Rocha - TCC Artigo Ciência da Computação CEEI 2023 | 588.3 kB | Adobe PDF | View/Open |
Items in DSpace are protected by copyright, with all rights reserved, unless otherwise indicated.