Avaliando o impacto do controle de concorrência do React 18: um estudo de caso.

Detalhes bibliográficos
Autor(a) principal: CUNHA, Túlio Araújo.
Data de Publicação: 2023
Tipo de documento: Trabalho de conclusão de curso
Idioma: por
Título da fonte: Biblioteca Digital de Teses e Dissertações da UFCG
Texto Completo: http://dspace.sti.ufcg.edu.br:8080/jspui/handle/riufcg/29341
Resumo: Com a versão 18 da biblioteca React, foram apresentadas funcionalidades que usam o conceito de concorrência para criar sistemas web que proporcionem uma melhor experiência para o usuário. Dentre as novas ferramentas ofertadas, encontra-se o hook useDefferedValue1 que permite deinir um valor que será atualizado com atraso. Nesse trabalho, utilizou-se esse hook para propor melhorias em um sistema com pontos problemáticos. Para realizar uma análise comparativa entre um sistema com e sem a utilização desse hook, criou-se uma simulação de interações que permitiram coletar linhas temporais de performance. Ao analisar essas linhas, observou-se que o uso do useDefferedValue implicou em vantagens como a redução do tempo necessário para realizar ações e a obtenção de um feedback mais rápido às ações realizadas. Além disso, economizaram-se recursos do navegador ao evitar o cálculo de etapas intermediárias não desejadas pelo usuário, otimizando o desempenho do sistema.
id UFCG_6a05185a450a2bc9276a918a65cd8680
oai_identifier_str oai:localhost:riufcg/29341
network_acronym_str UFCG
network_name_str Biblioteca Digital de Teses e Dissertações da UFCG
repository_id_str 4851
spelling Avaliando o impacto do controle de concorrência do React 18: um estudo de caso.Evaluating the impact of React 18 concurrency control: a case study.Estudo de casoCase studyConcurrency Control - React 18Concurrency Control - React 18Experiência do usuárioUser experienceBiblioteca React 18React 18 libraryReact 18 - bibliotecaReact 18 - libraryHookuseDefferedValueHookuseDefferedValueNavegadoresBrowsersCiência da Computação.Com a versão 18 da biblioteca React, foram apresentadas funcionalidades que usam o conceito de concorrência para criar sistemas web que proporcionem uma melhor experiência para o usuário. Dentre as novas ferramentas ofertadas, encontra-se o hook useDefferedValue1 que permite deinir um valor que será atualizado com atraso. Nesse trabalho, utilizou-se esse hook para propor melhorias em um sistema com pontos problemáticos. Para realizar uma análise comparativa entre um sistema com e sem a utilização desse hook, criou-se uma simulação de interações que permitiram coletar linhas temporais de performance. Ao analisar essas linhas, observou-se que o uso do useDefferedValue implicou em vantagens como a redução do tempo necessário para realizar ações e a obtenção de um feedback mais rápido às ações realizadas. Além disso, economizaram-se recursos do navegador ao evitar o cálculo de etapas intermediárias não desejadas pelo usuário, otimizando o desempenho do sistema.With version 18 of the React library, features were introduced that use the concept of concurrency to create web systems that provide a better experience for the user. Among the new tools offered is the useDefferedValue hook, which allows defining a value that will be updated with a delay. In this work, this hook was used to propose improvements in a system with problematic points. To perform a comparative analysis between a system with and without the use of this hook, a simulation of interactions was created that allowed collecting performance timelines. When analyzing these timelines, it was observed that the use of useDefferedValue led to advantages such as reducing the time required to perform actions and obtaining faster feedback on actions taken. In addition, browser resources were saved by avoiding the calculation of intermediate steps not desired by the user, optimizing the system's performance.Universidade Federal de Campina GrandeBrasilCentro de Engenharia Elétrica e Informática - CEEIUFCGMASSONI, Tiago Lima.MASSONI, T. L.PEREIRA, Eanes Torres.PEREIRA, E. T.ARAUJO, Eliane Cristina de.ARAUJO, E. C.MASSONI, Tiago Lima.MASSONI, T. L.CUNHA, Túlio Araújo.2023-02-142023-04-11T13:03:53Z2023-04-112023-04-11T13:03:53Zinfo:eu-repo/semantics/publishedVersioninfo:eu-repo/semantics/bachelorThesishttp://dspace.sti.ufcg.edu.br:8080/jspui/handle/riufcg/29341CUNHA, Túlio Araújo. Avaliando o impacto do controle de concorrência do React 18: um estudo de caso. 2023. 14f. (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, 2023. Disponível em: http://dspace.sti.ufcg.edu.br:8080/jspui/handle/riufcg/29341porinfo:eu-repo/semantics/openAccessreponame:Biblioteca Digital de Teses e Dissertações da UFCGinstname:Universidade Federal de Campina Grande (UFCG)instacron:UFCG2023-04-11T13:05:31Zoai:localhost:riufcg/29341Biblioteca Digital de Teses e Dissertaçõeshttp://bdtd.ufcg.edu.br/PUBhttp://dspace.sti.ufcg.edu.br:8080/oai/requestbdtd@setor.ufcg.edu.br || bdtd@setor.ufcg.edu.bropendoar:48512023-04-11T13:05:31Biblioteca Digital de Teses e Dissertações da UFCG - Universidade Federal de Campina Grande (UFCG)false
dc.title.none.fl_str_mv Avaliando o impacto do controle de concorrência do React 18: um estudo de caso.
Evaluating the impact of React 18 concurrency control: a case study.
title Avaliando o impacto do controle de concorrência do React 18: um estudo de caso.
spellingShingle Avaliando o impacto do controle de concorrência do React 18: um estudo de caso.
CUNHA, Túlio Araújo.
Estudo de caso
Case study
Concurrency Control - React 18
Concurrency Control - React 18
Experiência do usuário
User experience
Biblioteca React 18
React 18 library
React 18 - biblioteca
React 18 - library
HookuseDefferedValue
HookuseDefferedValue
Navegadores
Browsers
Ciência da Computação.
title_short Avaliando o impacto do controle de concorrência do React 18: um estudo de caso.
title_full Avaliando o impacto do controle de concorrência do React 18: um estudo de caso.
title_fullStr Avaliando o impacto do controle de concorrência do React 18: um estudo de caso.
title_full_unstemmed Avaliando o impacto do controle de concorrência do React 18: um estudo de caso.
title_sort Avaliando o impacto do controle de concorrência do React 18: um estudo de caso.
author CUNHA, Túlio Araújo.
author_facet CUNHA, Túlio Araújo.
author_role author
dc.contributor.none.fl_str_mv MASSONI, Tiago Lima.
MASSONI, T. L.
PEREIRA, Eanes Torres.
PEREIRA, E. T.
ARAUJO, Eliane Cristina de.
ARAUJO, E. C.
MASSONI, Tiago Lima.
MASSONI, T. L.
dc.contributor.author.fl_str_mv CUNHA, Túlio Araújo.
dc.subject.por.fl_str_mv Estudo de caso
Case study
Concurrency Control - React 18
Concurrency Control - React 18
Experiência do usuário
User experience
Biblioteca React 18
React 18 library
React 18 - biblioteca
React 18 - library
HookuseDefferedValue
HookuseDefferedValue
Navegadores
Browsers
Ciência da Computação.
topic Estudo de caso
Case study
Concurrency Control - React 18
Concurrency Control - React 18
Experiência do usuário
User experience
Biblioteca React 18
React 18 library
React 18 - biblioteca
React 18 - library
HookuseDefferedValue
HookuseDefferedValue
Navegadores
Browsers
Ciência da Computação.
description Com a versão 18 da biblioteca React, foram apresentadas funcionalidades que usam o conceito de concorrência para criar sistemas web que proporcionem uma melhor experiência para o usuário. Dentre as novas ferramentas ofertadas, encontra-se o hook useDefferedValue1 que permite deinir um valor que será atualizado com atraso. Nesse trabalho, utilizou-se esse hook para propor melhorias em um sistema com pontos problemáticos. Para realizar uma análise comparativa entre um sistema com e sem a utilização desse hook, criou-se uma simulação de interações que permitiram coletar linhas temporais de performance. Ao analisar essas linhas, observou-se que o uso do useDefferedValue implicou em vantagens como a redução do tempo necessário para realizar ações e a obtenção de um feedback mais rápido às ações realizadas. Além disso, economizaram-se recursos do navegador ao evitar o cálculo de etapas intermediárias não desejadas pelo usuário, otimizando o desempenho do sistema.
publishDate 2023
dc.date.none.fl_str_mv 2023-02-14
2023-04-11T13:03:53Z
2023-04-11
2023-04-11T13:03:53Z
dc.type.status.fl_str_mv info:eu-repo/semantics/publishedVersion
dc.type.driver.fl_str_mv info:eu-repo/semantics/bachelorThesis
format bachelorThesis
status_str publishedVersion
dc.identifier.uri.fl_str_mv http://dspace.sti.ufcg.edu.br:8080/jspui/handle/riufcg/29341
CUNHA, Túlio Araújo. Avaliando o impacto do controle de concorrência do React 18: um estudo de caso. 2023. 14f. (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, 2023. Disponível em: http://dspace.sti.ufcg.edu.br:8080/jspui/handle/riufcg/29341
url http://dspace.sti.ufcg.edu.br:8080/jspui/handle/riufcg/29341
identifier_str_mv CUNHA, Túlio Araújo. Avaliando o impacto do controle de concorrência do React 18: um estudo de caso. 2023. 14f. (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, 2023. Disponível em: http://dspace.sti.ufcg.edu.br:8080/jspui/handle/riufcg/29341
dc.language.iso.fl_str_mv por
language por
dc.rights.driver.fl_str_mv info:eu-repo/semantics/openAccess
eu_rights_str_mv openAccess
dc.publisher.none.fl_str_mv Universidade Federal de Campina Grande
Brasil
Centro de Engenharia Elétrica e Informática - CEEI
UFCG
publisher.none.fl_str_mv Universidade Federal de Campina Grande
Brasil
Centro de Engenharia Elétrica e Informática - CEEI
UFCG
dc.source.none.fl_str_mv reponame:Biblioteca Digital de Teses e Dissertações da UFCG
instname:Universidade Federal de Campina Grande (UFCG)
instacron:UFCG
instname_str Universidade Federal de Campina Grande (UFCG)
instacron_str UFCG
institution UFCG
reponame_str Biblioteca Digital de Teses e Dissertações da UFCG
collection Biblioteca Digital de Teses e Dissertações da UFCG
repository.name.fl_str_mv Biblioteca Digital de Teses e Dissertações da UFCG - Universidade Federal de Campina Grande (UFCG)
repository.mail.fl_str_mv bdtd@setor.ufcg.edu.br || bdtd@setor.ufcg.edu.br
_version_ 1809744572675260416

Registros relacionados