Derivação de um estilo arquitetural para o front-end de sistemas baseados em React.js com base em projetos Open Source
Autor(a) principal: | |
---|---|
Data de Publicação: | 2021 |
Tipo de documento: | Trabalho de conclusão de curso |
Idioma: | por |
Título da fonte: | Repositório Institucional da UFRGS |
Texto Completo: | http://hdl.handle.net/10183/231869 |
Resumo: | 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. |
id |
UFRGS-2_081e7c9c788360e77686d379d9266b86 |
---|---|
oai_identifier_str |
oai:www.lume.ufrgs.br:10183/231869 |
network_acronym_str |
UFRGS-2 |
network_name_str |
Repositório Institucional da UFRGS |
repository_id_str |
|
spelling |
Azzolini, Mathias GhenoNunes, Ingrid Oliveira de2021-11-17T04:24:59Z2021http://hdl.handle.net/10183/231869001133554O 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.application/pdfporSoftwareArchitectureReact.jsFront-endDerivação de um estilo arquitetural para o front-end de sistemas baseados em React.js com base em projetos Open Sourceinfo:eu-repo/semantics/publishedVersioninfo:eu-repo/semantics/bachelorThesisUniversidade Federal do Rio Grande do SulInstituto de InformáticaPorto Alegre, BR-RSespecializaçãoCurso de Especialização em Engenharia de Software e Inovaçãoinfo:eu-repo/semantics/openAccessreponame:Repositório Institucional da UFRGSinstname:Universidade Federal do Rio Grande do Sul (UFRGS)instacron:UFRGSTEXT001133554.pdf.txt001133554.pdf.txtExtracted Texttext/plain70815http://www.lume.ufrgs.br/bitstream/10183/231869/2/001133554.pdf.txt63c3e0c1b0dfa8c35816a273c5971c2cMD52ORIGINAL001133554.pdfTexto completoapplication/pdf978216http://www.lume.ufrgs.br/bitstream/10183/231869/1/001133554.pdfb62111bfc993c5256a67d4dfd6c9ad81MD5110183/2318692021-11-20 06:04:04.411329oai:www.lume.ufrgs.br:10183/231869Repositório de PublicaçõesPUBhttps://lume.ufrgs.br/oai/requestopendoar:2021-11-20T08:04:04Repositório Institucional da UFRGS - Universidade Federal do Rio Grande do Sul (UFRGS)false |
dc.title.pt_BR.fl_str_mv |
Derivação de um estilo arquitetural para o front-end de sistemas baseados em React.js com base em projetos Open Source |
title |
Derivação de um estilo arquitetural para o front-end de sistemas baseados em React.js com base em projetos Open Source |
spellingShingle |
Derivação de um estilo arquitetural para o front-end de sistemas baseados em React.js com base em projetos Open Source Azzolini, Mathias Gheno Software Architecture React.js Front-end |
title_short |
Derivação de um estilo arquitetural para o front-end de sistemas baseados em React.js com base em projetos Open Source |
title_full |
Derivação de um estilo arquitetural para o front-end de sistemas baseados em React.js com base em projetos Open Source |
title_fullStr |
Derivação de um estilo arquitetural para o front-end de sistemas baseados em React.js com base em projetos Open Source |
title_full_unstemmed |
Derivação de um estilo arquitetural para o front-end de sistemas baseados em React.js com base em projetos Open Source |
title_sort |
Derivação de um estilo arquitetural para o front-end de sistemas baseados em React.js com base em projetos Open Source |
author |
Azzolini, Mathias Gheno |
author_facet |
Azzolini, Mathias Gheno |
author_role |
author |
dc.contributor.author.fl_str_mv |
Azzolini, Mathias Gheno |
dc.contributor.advisor1.fl_str_mv |
Nunes, Ingrid Oliveira de |
contributor_str_mv |
Nunes, Ingrid Oliveira de |
dc.subject.por.fl_str_mv |
Software |
topic |
Software Architecture React.js Front-end |
dc.subject.eng.fl_str_mv |
Architecture React.js Front-end |
description |
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. |
publishDate |
2021 |
dc.date.accessioned.fl_str_mv |
2021-11-17T04:24:59Z |
dc.date.issued.fl_str_mv |
2021 |
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://hdl.handle.net/10183/231869 |
dc.identifier.nrb.pt_BR.fl_str_mv |
001133554 |
url |
http://hdl.handle.net/10183/231869 |
identifier_str_mv |
001133554 |
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.format.none.fl_str_mv |
application/pdf |
dc.source.none.fl_str_mv |
reponame:Repositório Institucional da UFRGS instname:Universidade Federal do Rio Grande do Sul (UFRGS) instacron:UFRGS |
instname_str |
Universidade Federal do Rio Grande do Sul (UFRGS) |
instacron_str |
UFRGS |
institution |
UFRGS |
reponame_str |
Repositório Institucional da UFRGS |
collection |
Repositório Institucional da UFRGS |
bitstream.url.fl_str_mv |
http://www.lume.ufrgs.br/bitstream/10183/231869/2/001133554.pdf.txt http://www.lume.ufrgs.br/bitstream/10183/231869/1/001133554.pdf |
bitstream.checksum.fl_str_mv |
63c3e0c1b0dfa8c35816a273c5971c2c b62111bfc993c5256a67d4dfd6c9ad81 |
bitstream.checksumAlgorithm.fl_str_mv |
MD5 MD5 |
repository.name.fl_str_mv |
Repositório Institucional da UFRGS - Universidade Federal do Rio Grande do Sul (UFRGS) |
repository.mail.fl_str_mv |
|
_version_ |
1815447284546011136 |