Group Discussion: React, Vue and Others
Students will work in groups to create a Wiki comparing major client-side JavaScript frameworks: React, Vue and others. If you did not work before with Moodle Wikis, see this small video (3:36 min.) on the Wiki activity page.
Our goal here is to compare the three main client-side JavaScript frameworks, React, Vue, and two newcomers Svelte and Flutter. There will be four groups, one for each framework. They will create a wiki with the following content:
- Framework name
- Student List (with name and USP id)
- Main Framework Features (Explain how to start an app)
- Framework Advantages
- Framework Disadvantages
- Main Application Niches
- Future Perspectives
They will also make a 22 minutes presentation of their work to the class.
Each group has to choose:
- Coordinator: To coordinate the discussions and group activities. He also has to control the time to make sure the group will post its results on time.
- Editor: To write down the group's contents to the wiki.
- Two or Three Presenters: To present the work to the class
A group may divide the work among subgroups, but, in this case, it is recommended that you plan some time to join the work of each subgroup.
Tip: If you use Google Docs or Slides to create your work, you may just link it to the group's wiki page. But remember to make it readable by everyone and copy its text to the wiki (just as a backup).
Vue2
Vue.js
Integrantes do grupo:
-
Gabriela Amadori, 11832916
-
Jonathan Sanchez Minaya, 11333691
-
Laura Neri Thomaz da Silva, 13673221 - Editora
-
Pedro Vitor Suzuki Lau, 13837133
-
Lázaro Pereira Vinaud Neto, 14675396
-
Maicon Chaves Marques, 14593530 - Coordenador
-
Arthur Trottman Ramos, 14681052
-
Henrique Drago, 14675441
- Henrique Yukio Sekido, 14614564
Link para o docs: Documento
Link para os slides: Slide
Principais features do Framework
referenciando documento
Vantagens do Framework
O Vue.js possui uma sintaxe extremamente simples, o que torna seu aprendizado muito fácil, além de ser um dos maiores frameworks que possui uma comunidade ativa e que continuamente desenvolve novos componentes customizados. A aplicação web é leve e altamente flexível. Por meio do Vue, é possível implementar as aplicações web de duas formas principais: incrementalmente, aplicando o Vue em partes de um projeto já existente; e completamente, desenvolvendo uma aplicação do zero com base em Vue. Uma vantagem que também vale ser ressaltada é a otimização em relação a mudanças de estados. No Vue, quando o estado de um componente é alterado, ele apenas renderiza novamente componentes filhos que utilizam ativamente o alvo modificado. Em React, por exemplo, esse processo apenas é possível se feito manualmente pelo desenvolvedor. Caso contrário, todos os componentes filhos do componente modificado são renderizados novamente. Ele também permite a escolha entre diferentes formas de definir o DOM, enquanto em React apenas utiliza-se return(); No Vue, pode-se usar também os chamados templates, que são mais fáceis de aprender e intuitivo.
Desvantagens do Framework
referenciando documento
Principais nichos de aplicação
O Vue.js pode ser utilizado de diversas formas por conta do seu design versátil, tanto para construção de pequenos projetos quanto para aplicações de grande escala, contudo sua utilização primária é para a construção de aplicações web, possibilitando a criação de interfaces de usuário e Single-Page Application (SPA). Em aplicações que requerem uma maior interatividade no front-end, o uso do Vue é recomendado por fornecer suporte e bibliotecas com ampla gama de ferramentas que possibilitam o desenvolvimento de SPAs fluidos e dinâmicos. Outro uso popular do Vue.js é para aprimorar aplicações já existentes, devido sua facilidade de integração em projetos sem interferência em outras partes do código, ele é comumente usado para o perar na camada de visualização. Além disso, o Vue não é limitado pelo browser, existe a possibilidade de construir aplicativos desktop, com o uso de ferramentas como Electron ou Wails, construir apps mobile, ou ainda ter apps compatíveis com desktop e mobile, utilizando o mesmo código com auxílio do Quasar ou Tauri. Até mesmo existem ferramentas, como WebGL, que permitem a geração de gráficos e cenas 3D interativas no navegador. Sabendo dessas possibilidades, Vue pode ser usado para diversos tipos de aplicações como redes sociais, e-commerce, criação de dashboards e gráficos, em jogos, animações e muito mais.
Perspectivas futuras
Em dezembro de 2023, o Vue 2 parou de receber correções de bugs e de segurança, apesar de continuar recebendo suporte estendido até dezembro de 2025. Para o Vue 3 (lançado recentemente em 2020), espera-se um grande desenvolvimento na nova versão do framework, com um aumento do número de bibliotecas e plugins produzidos pela comunidade e grandes avanços no ecossistema.