dc.creator.ID |
ROCHA, E. O. |
pt_BR |
dc.creator.Lattes |
http://lattes.cnpq.br/1775369442178550 |
pt_BR |
dc.contributor.advisor1 |
BAPTISTA, Cláudio de Souza. |
|
dc.contributor.advisor1ID |
BAPTISTA, C. S. |
pt_BR |
dc.contributor.referee1 |
ARAUJO, Joseana Macêdo Fechine Régis de. |
|
dc.contributor.referee1ID |
ARAUJO, J. M. F. R. |
pt_BR |
dc.contributor.referee2 |
MASSONI, Tiago Lima. |
|
dc.contributor.referee2ID |
MASSONI, T. L. |
pt_BR |
dc.contributor.referee2Lattes |
http://lattes.cnpq.br/3563923906851611 |
pt_BR |
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. |
pt_BR |
dc.publisher.country |
Brasil |
pt_BR |
dc.publisher.department |
Centro de Engenharia Elétrica e Informática - CEEI |
pt_BR |
dc.publisher.initials |
UFCG |
pt_BR |
dc.subject.cnpq |
Ciência da Computação. |
pt_BR |
dc.title |
Estudo e análise de técnicas para melhorar desempenho de sistemas front-end com react. |
pt_BR |
dc.date.issued |
2023-02-14 |
|
dc.description.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. |
pt_BR |
dc.identifier.uri |
http://dspace.sti.ufcg.edu.br:8080/jspui/handle/riufcg/29299 |
|
dc.date.accessioned |
2023-04-10T13:24:55Z |
|
dc.date.available |
2023-04-10 |
|
dc.date.available |
2023-04-10T13:24:55Z |
|
dc.type |
Trabalho de Conclusão de Curso |
pt_BR |
dc.subject |
Sistemas front-end com react |
pt_BR |
dc.subject |
Frontend systems with react |
pt_BR |
dc.subject |
Melhoramento de sistemas front-end |
pt_BR |
dc.subject |
Improvement of front-end systems |
pt_BR |
dc.subject |
Otimização |
pt_BR |
dc.subject |
Optimization |
pt_BR |
dc.subject |
Desenvolvimento web |
pt_BR |
dc.subject |
Web development |
pt_BR |
dc.subject |
React |
pt_BR |
dc.subject |
Desempenho de sistemas front-end - melhorias |
pt_BR |
dc.subject |
Front-end systems performance - improvements |
pt_BR |
dc.subject |
Sistemas de aplicação web |
pt_BR |
dc.subject |
Web application systems |
pt_BR |
dc.subject |
Aplicações web - técnicas de melhoria de desempenho |
pt_BR |
dc.subject |
Web applications - performance improvement techniques |
pt_BR |
dc.subject |
Mitigação de código |
pt_BR |
dc.subject |
Code mitigation |
pt_BR |
dc.subject |
Code-splitting |
pt_BR |
dc.subject |
Lazy load |
pt_BR |
dc.rights |
Acesso Aberto |
pt_BR |
dc.creator |
ROCHA, Ezequias de Oliveira. |
|
dc.publisher |
Universidade Federal de Campina Grande |
pt_BR |
dc.language |
por |
pt_BR |
dc.title.alternative |
Study and analysis of techniques to improve performance of front-end systems with react. |
pt_BR |
dc.identifier.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 |
pt_BR |