SlideShare uma empresa Scribd logo
angular,
react ou vue?
COMPARANDO OS FAVORITOS DO JS REATIVO
28 anos
Nova Iguaçu - RJ
Moro em Foz do Iguaçu há 11 anos.
LUANA GUILLANDE
Pós-graduada em Engenharia e Qualidade de Software (2018)
Bacharel em Comunicação Social (2014)
Sócia-fundadora da 31 Solutions
Designer e Front End Developer
31solutions.com
o que é JS reativo?
É um paradigma de programação orientado
a fluxo de dados e propagação de mudança.
Simplificadamente, programação reativa refere-se
à programar com fluxos de dados assíncronos.
Essa ‘mágica’ é possível
graças ao Observer Pattern
(Padrão Observador):
um padrão de design de
software no qual um objeto
mantém uma lista de
dependentes e os notifica
automaticamente sobre
qualquer alteração de estado.
PROPAGAÇÃO DA MUDANÇA
POR QUE utilizar
javascript reativo?
Atualizar estados da UI (Interface do Usuário) dinamicamente
Reaproveitamento de códigos
Mais velocidade para desenvolvimento
Praticidade para criação de estruturas complexas.
os favoritos dos devs
VUE REACTANGULAR
SOBRE O ANGULARFoi o primeiro Framework de Javascript Reativo
Código Aberto
O Angular foi desenvolvido por Miško Hevery
É mantido pelo Google
AngularJs disponibilizado em 2009
Angular 2 disponibilizado em 2016
Versão estável 9.1.1
Se baseia nas filosofias de arquitetura MVC (Model-View-
Controller) e MVVM (Model-View-ViewModel)
quem usa ANGULAR?
SOBRE O REACT
O React é uma biblioteca de código aberto
Foi desenvolvida por Jordan Walke
É disponibilizada pelo Facebook.
Foi o segundo Framework/Biblioteca de Javascript Reativo
Foi criado em 2013
Está na versão 16.13.1
Utiliza o padrão de arquitetura Flux (Fluxo de Dados
Unidirecional)
quem usa REACT?
sobre o vue
É um framework de código-aberto criado por Evan You
Versão Estável: 2.6.10
Lançado em 2014
Embora não seja estritamente associado com o padrão MVVM,
o design do Vue foi parcialmente inspirado por ele
quem usa vue?
comparativoINTERESSE DA COMUNIDADE,
AVALIAÇÕES E DESEMPENHO
FATORES
Mais minimalista, focado na
construção da interface
Está entre o Angular e o
React
Rico em recursos / Tudo
embutido
Mais uma biblioteca do que
um framework
Um framework focado no
código
Mais uma plataform do que
um framework
DIFERENÇAS de filosofia
MANIPULAÇÃO
UI/DOM
ROTEAMENTO
GERENCIAMENTO
DE ESTADOS
VALIDAÇÃO DE
FORMULÁRIOS
CLIENTE HTTP
FEATURES
TIPO
DIFERENÇAS no desenvolvimento
HTML, JavaScript e CSSUtiliza HTML e TypeScript
.html
FATORES
LINGUAGEM NOS
COMPONENTES
INCLUSÃO DO CSS
EXTENSÃO DOS
COMPONENTES
PONTO DE
ENTRADA
IMPORTAÇÃO /
INICIALIZAÇÃO
DA BIBLIOTECA
Aceita código em CSS, Less,
SCSS, no próprio componente
Não é necessário importar o
Vue no componente, apenas
instanciá-lo no JS da página
.vue
via HTML ou Vue + JS
JSX/HTML e JavaScript
Importa arquivo externo
com o CSS, Less, Scss, etc.
É necessário importar a biblioteca
em cada componente
.js
via JS/JSX
Indica arquivo externo com o CSS,
Less, Scss, etc. Necessário especificar.
É necessário importar a
biblioteca em cada componente
via HTML + TS
COLABORADORES 292 1.3771.109
RENDER Server-side Server-sideClient-side
TAMANHO
ISSUES NO GITHUB
30.67 Kb (produção)
279 Kb (desenvolvimento)
total de 8.932 issues
~3% abertas, ~97% fechadas
97.5 Kb (produção)
109 Kb (desenvolvimento)
total de 9.008 issues
~5% abertas, ~95% fechadas
167 Kb (produção)
1.2 Mb (desenvolvimento)
total de 20.536 issues
~13% abertas, ~87% encerradas
comparando códigos
index.html main.ts
https://github.com/Abhay07/movieAppReact
https://abhay07.github.io/movieAppReact/
app.module.ts
app.component.html
movie-
list.component.html
app.component.css
movie-
list.component.css
index.js
App.js
MovieList.js
index.css
App.css
MovieList.css
App.vue App.css
main.js
MovieList.vue
https://github.com/Abhay07/movieAppVue
https://abhay07.github.io/movieAppVue/
MovieList.css
app.component.ts
movie-
list.component.ts
https://github.com/Abhay07/movieAppAngular
https://abhay07.github.io/movieAppAngular/
65.5 KB
30.8 KB 36.3 KB
os mais pesquisados
ÚLTIMOS 5 ANOS
GOOGLE TRENDS
ÚLTIMOS 30 DIAS
PESQUISADO EM 07 DE MARÇO DE 2020
FRAMEORKS
PARA WEB
MAIS
AMADOS,
TEMIDOS E
DESEJADOSSTACK OVERFLOW SURVEY 2019
projetos que
mais
ganharam
estrelas no
github em
2019RISING STARS
Pelo quarto ano consecutivo,
o Vue.js é o vencedor geral, com
mais de 30.000 novas estrelas no
GitHub em 2019.
Não há surpresas nos seguintes
pontos: React e o editor de
código VS Code seguem na
mesma posição do ano anterior.
O maior salto no ranking é o Vue
Element Admin, uma solução para
criar dashboards usando os
componentes Vue.js.
Svelte existe há alguns anos, mas
realmente decolou em 2019
ocupando a posição número 5.
O Angular teve um aumento de
12 mil estrelas porém ocupa a 12ª
posição no ranking.
HISTÓRICO DE
ESTRELAS NO
GITHUB
CODE IN WP
fw front-end
que mais
ganharam
estrelas no
github em
2019RISING STARS
Há anos os 3 primeiros colocados eram
Vue, React e Angular.
Pela primeira vez temos um BIG-4 ao invés
de um BIG-3.
os PROJETOS NO
GITHUB atualmente
APP DEVELOPMENT
CONSIDERANDO
CROSS-PLATAFORM
developmentRISING STARS
REACT VUE ANGULAR
performanceSTEFANKRAUSE
Inicialização Alocação de memória em MBs
Duração em milissegundos
Slowdown = Duração / Mais rápido
playground ANGULAR V2.4.3 VUE.JS V2.1.10 REACT V15.4.2
VAGAS NO MERCADOCATHO
Conclusão
Requer conhecimento básico de TypeScritpt
Torna-se lento quando há um grande número de observadores
(watchers), pois a cada vez que qualquer coisa muda no escopo, todos
esses observadores precisam ser reavaliados.
Modelo de desenvolvimento opinativo. Tem um "jeito certo de fazer".
Dificuldade de migração entre versões.
Maior curva de aprendizagem
VANTAGENS
É possível utilizar para desenvolvimento web, web móvel, móvel nativo
e desktop nativo.
Mais tempo de mercado. Comunidade ampla e madura.
Não necessita instalação de ferramentas e bibliotecas adicionais
A checagem estática de tipos pode ser muito útil para aplicações de
larga escala
Utiliza diretivas (ng-if, ng-for, etc)
DESVANTAGENS
Necessita instalação de ferramentas e bibliotecas adicionais
Necessário conhecimento básico de JSX e sintaxe de classes
Devido ao desenvolvimento ultrarrápido do ReactJS a documentação as
vezes fica desatualizada
Para evitar renderizações desnecessárias de componentes filhos, é preciso
utilizar um PureComponent ou implementar shouldComponentUpdate
VANTAGENS
Diferente do Angular, não exige uma estrutura obrigatória
Facilidade de adaptação para aplicativos móveis nativos
Facilidade de encontrar respostas devido à grande popularidade
Você pode usar o poder total de uma linguagem do JavaScript para
construir a camada visual. Isto inclui variáveis temporárias, fluxos de
controle, etc.
Ferramentas de suporte (como checagem de tipos e autocomplete de
código) para JSX estão mais avançadas do que atualmente temos
para templates Vue.
Devido ao grande número de colaboradores recebe muitas atualizações e
melhorias diárias
DESVANTAGENS
Necessita instalação de ferramentas e bibliotecas adicionais
Necessária maior adaptação para desenvolvimento de aplicativos nativos
Baixo número de colaboradores (não acontece ainda mas pode ocasionar
uma demora em resolver bugs se o número de issues crescer muito)
Editores de texto ainda não tem amplo suporte à arquivos .vue.
VANTAGENS
Framework mais leve
Alta performance
Framework progressivo (baixa curva de aprendizagem para começar). Mais
simples para designers e desenvolvedores menos experientes
compreenderem o código
Não é necessário reimportar a biblioteca em todos os componentes
Código css embutido no componente
Necessita uma estrutura de arquivos menor
Componentes tem shouldComponentUpdate automaticamente
implementado
Utiliza diretivas (v-if, v-for, etc)
DESVANTAGENS
o melhor para o meu workflow
CRITÉRIO: NEUTRO: 0 BOM: +1 ÓTIMO: +2
FATORES
FÁCIL ENCONTRAR
RESPOSTAS
ARQUITETURA
DESENV. DE
APPS NATIVO
FACILIDADE DE
INTEGRAÇÃO COM
LARAVEL
TOTAL
ESTRUTURA DOS
COMPONENTES
+2 0+1
CURVA
DE APRENDIZAGEM
+2 +10
+1 +2+2
0 +1+2
+2 +10
+2 +20
9 75
referências
HTTPS://RISINGSTARS.JS.ORG/2019/EN/#SECTION-FRAMEWORK
HTTPS://INSIGHTS.STACKOVERFLOW.COM/SURVEY/2019
HTTPS://TRENDS.GOOGLE.COM/TRENDS/EXPLORE?DATE=TODAY+5-Y&Q=VUE,REACT,ANGULAR
HTTPS://WWW.CODEINWP.COM/BLOG/ANGULAR-VS-VUE-VS-REACT/
HTTPS://MEDIUM.COM/@HENRIQUE.FREIRE/REACT-VUE-ANGULAR-CONHE%C3%A7A-SUAS-VANTAGENS-E-
DESVANTAGENS-E-QUAL-%C3%A9-MELHOR-PARA-SEUS-PROJETOS-53734BB3D37F
HTTPS://CODEBRIEFLY.COM/ANGULAR5-VS-REACTJS-VS-VUE-JS-WHERE-TO-START/
HTTPS://ANGULAR.IO/GUIDE/ARCHITECTURE-COMPONENTS
HTTPS://BR.VUEJS.ORG/V2/GUIDE/COMPARISON.HTML
HTTPS://PT-BR.REACTJS.ORG/BLOG/2020/02/26/REACT-V16.13.0.HTML
HTTPS://DZONE.COM/ARTICLES/INFOGRAPHIC-REACT-VS-ANGULAR-VS-VUEJS
HTTPS://BLOG.BITSRC.IO/BENCHMARKING-ANGULAR-REACT-AND-VUE-FOR-SMALL-WEB-APPLICATIONS-E3CBD62D6565
HTTPS://WWW.YOUTUBE.COM/WATCH?V=LYWYWYX04JI
obrigada

Mais conteúdo relacionado

Mais procurados

React JS part 1
React JS part 1React JS part 1
React JS part 1
Diluka Wittahachchige
 
React Native na globo.com
React Native na globo.comReact Native na globo.com
React Native na globo.com
Guilherme Heynemann Bruzzi
 
Appium overview
Appium overviewAppium overview
Appium overview
Abhishek Yadav
 
エンジニアが人に言われることあるある(副題「LaravelとReactで開発したい!」)
エンジニアが人に言われることあるある(副題「LaravelとReactで開発したい!」)エンジニアが人に言われることあるある(副題「LaravelとReactで開発したい!」)
エンジニアが人に言われることあるある(副題「LaravelとReactで開発したい!」)
プログラミングをする パンダ
 
Introdução React.js
Introdução React.jsIntrodução React.js
Introdução React.js
Henrique Gogó
 
現場で役立つシステム設計の原則
現場で役立つシステム設計の原則現場で役立つシステム設計の原則
現場で役立つシステム設計の原則
増田 亨
 
Appium an introduction
Appium   an introductionAppium   an introduction
Appium an introduction
Vivek Shringi
 
React native
React nativeReact native
React native
Vikrant Negi
 
Chrome Developer Toolsを使いこなそう!
Chrome Developer Toolsを使いこなそう!Chrome Developer Toolsを使いこなそう!
Chrome Developer Toolsを使いこなそう!
yoshikawa_t
 
正しいものを正しく作る塾-設計コース
正しいものを正しく作る塾-設計コース正しいものを正しく作る塾-設計コース
正しいものを正しく作る塾-設計コース
増田 亨
 
Docker introduction
Docker introductionDocker introduction
Docker introduction
dotCloud
 
ソフトウェア開発のやり方の改善
ソフトウェア開発のやり方の改善ソフトウェア開発のやり方の改善
ソフトウェア開発のやり方の改善
増田 亨
 
MVVM+Router with Swift
MVVM+Router with SwiftMVVM+Router with Swift
MVVM+Router with Swift
Oleksandr Stepanov
 
Virtualization Vs. Containers
Virtualization Vs. ContainersVirtualization Vs. Containers
Virtualization Vs. Containers
actualtechmedia
 
Flutter A year of creativity!
Flutter A year of creativity!Flutter A year of creativity!
Flutter A year of creativity!
Ahmed Abu Eldahab
 
Atomic design in React
Atomic design in ReactAtomic design in React
Atomic design in React
Hamid Feizabadi
 
Microsoft .NET Framework
Microsoft .NET FrameworkMicrosoft .NET Framework
Microsoft .NET Framework
chandrasekhardesireddi
 
Introduction to ReactJS
Introduction to ReactJSIntroduction to ReactJS
Introduction to ReactJS
Hoang Long
 
A Brief Introduction to React.js
A Brief Introduction to React.jsA Brief Introduction to React.js
A Brief Introduction to React.js
Doug Neiner
 
ソフトウェアの核心にある複雑さに立ち向かう
ソフトウェアの核心にある複雑さに立ち向かうソフトウェアの核心にある複雑さに立ち向かう
ソフトウェアの核心にある複雑さに立ち向かう
増田 亨
 

Mais procurados (20)

React JS part 1
React JS part 1React JS part 1
React JS part 1
 
React Native na globo.com
React Native na globo.comReact Native na globo.com
React Native na globo.com
 
Appium overview
Appium overviewAppium overview
Appium overview
 
エンジニアが人に言われることあるある(副題「LaravelとReactで開発したい!」)
エンジニアが人に言われることあるある(副題「LaravelとReactで開発したい!」)エンジニアが人に言われることあるある(副題「LaravelとReactで開発したい!」)
エンジニアが人に言われることあるある(副題「LaravelとReactで開発したい!」)
 
Introdução React.js
Introdução React.jsIntrodução React.js
Introdução React.js
 
現場で役立つシステム設計の原則
現場で役立つシステム設計の原則現場で役立つシステム設計の原則
現場で役立つシステム設計の原則
 
Appium an introduction
Appium   an introductionAppium   an introduction
Appium an introduction
 
React native
React nativeReact native
React native
 
Chrome Developer Toolsを使いこなそう!
Chrome Developer Toolsを使いこなそう!Chrome Developer Toolsを使いこなそう!
Chrome Developer Toolsを使いこなそう!
 
正しいものを正しく作る塾-設計コース
正しいものを正しく作る塾-設計コース正しいものを正しく作る塾-設計コース
正しいものを正しく作る塾-設計コース
 
Docker introduction
Docker introductionDocker introduction
Docker introduction
 
ソフトウェア開発のやり方の改善
ソフトウェア開発のやり方の改善ソフトウェア開発のやり方の改善
ソフトウェア開発のやり方の改善
 
MVVM+Router with Swift
MVVM+Router with SwiftMVVM+Router with Swift
MVVM+Router with Swift
 
Virtualization Vs. Containers
Virtualization Vs. ContainersVirtualization Vs. Containers
Virtualization Vs. Containers
 
Flutter A year of creativity!
Flutter A year of creativity!Flutter A year of creativity!
Flutter A year of creativity!
 
Atomic design in React
Atomic design in ReactAtomic design in React
Atomic design in React
 
Microsoft .NET Framework
Microsoft .NET FrameworkMicrosoft .NET Framework
Microsoft .NET Framework
 
Introduction to ReactJS
Introduction to ReactJSIntroduction to ReactJS
Introduction to ReactJS
 
A Brief Introduction to React.js
A Brief Introduction to React.jsA Brief Introduction to React.js
A Brief Introduction to React.js
 
ソフトウェアの核心にある複雑さに立ち向かう
ソフトウェアの核心にある複雑さに立ち向かうソフトウェアの核心にある複雑さに立ち向かう
ソフトウェアの核心にある複雑さに立ち向かう
 

Semelhante a Angular, React ou Vue? Comparando os favoritos do JS reativo

RubyConf 17 - Colocando sua aplicação vue nos trilhos
RubyConf 17 - Colocando sua aplicação vue nos trilhosRubyConf 17 - Colocando sua aplicação vue nos trilhos
RubyConf 17 - Colocando sua aplicação vue nos trilhos
Felipe Gadelha Ruoso
 
Angular js
Angular jsAngular js
Angular js
Emerson Silva
 
Angular5, vue js ou react redux (Trilha de Javascript - TDC 2018 )
Angular5, vue js ou react redux (Trilha de Javascript - TDC 2018 )Angular5, vue js ou react redux (Trilha de Javascript - TDC 2018 )
Angular5, vue js ou react redux (Trilha de Javascript - TDC 2018 )
Getúlio Strapazzon
 
Angular.JS Basic concepts. Meetup FloripaJS
Angular.JS Basic concepts. Meetup FloripaJSAngular.JS Basic concepts. Meetup FloripaJS
Angular.JS Basic concepts. Meetup FloripaJS
Luiz Henrique Estacio
 
Introdução ao VUE JS
Introdução ao VUE JSIntrodução ao VUE JS
Introdução ao VUE JS
Cristiano Gonçalves
 
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
Rodrigo Branas
 
Hello ReactJs
Hello ReactJsHello ReactJs
Hello ReactJs
Nathália Lourenção
 
Novidades do AngularJS 2.0
Novidades do AngularJS 2.0Novidades do AngularJS 2.0
Novidades do AngularJS 2.0
Nicolas Takashi
 
TDC2016SP - TypeScript em aplicações modernas
TDC2016SP - TypeScript em aplicações modernasTDC2016SP - TypeScript em aplicações modernas
TDC2016SP - TypeScript em aplicações modernas
tdc-globalcode
 
Apresentacão Android Components - Programando em camadas
Apresentacão Android Components - Programando em camadasApresentacão Android Components - Programando em camadas
Apresentacão Android Components - Programando em camadas
Victor Aldir
 
Tópicos Emergentes - DevOps
Tópicos Emergentes - DevOpsTópicos Emergentes - DevOps
Tópicos Emergentes - DevOps
Saulo Lopes
 
Academia do Arquiteto Globalcode
Academia do Arquiteto GlobalcodeAcademia do Arquiteto Globalcode
Academia do Arquiteto Globalcode
Globalcode
 
Vuejs Angularjs e Reactjs. Veja as diferenças de cada framework!
Vuejs Angularjs e Reactjs. Veja as diferenças de cada framework!Vuejs Angularjs e Reactjs. Veja as diferenças de cada framework!
Vuejs Angularjs e Reactjs. Veja as diferenças de cada framework!
José Barbosa
 
[JS EXPERIENCE 2018] Do jQuery aos microfrontends: os desafios de manter uma ...
[JS EXPERIENCE 2018] Do jQuery aos microfrontends: os desafios de manter uma ...[JS EXPERIENCE 2018] Do jQuery aos microfrontends: os desafios de manter uma ...
[JS EXPERIENCE 2018] Do jQuery aos microfrontends: os desafios de manter uma ...
iMasters
 
MSP Tech Days Online 2018 - SPA além do JavaScript com Blazor
MSP Tech Days Online 2018 - SPA além do JavaScript com BlazorMSP Tech Days Online 2018 - SPA além do JavaScript com Blazor
MSP Tech Days Online 2018 - SPA além do JavaScript com Blazor
Gustavo Bellini Bigardi
 
Criando uma PWA com React para consumir uma API
Criando uma PWA com React para consumir uma APICriando uma PWA com React para consumir uma API
Criando uma PWA com React para consumir uma API
Jessica Zanelato Soares
 
Vue.js o poder das render functions
Vue.js  o poder das render functionsVue.js  o poder das render functions
Vue.js o poder das render functions
Vinicius Reis
 
SimulaRSO - Simulador de Recursos de Sistemas Operacionais
SimulaRSO - Simulador de Recursos de Sistemas OperacionaisSimulaRSO - Simulador de Recursos de Sistemas Operacionais
SimulaRSO - Simulador de Recursos de Sistemas Operacionais
Caio Ribeiro Pereira
 
SPA's com Blazor e .NET Core
SPA's com Blazor e .NET CoreSPA's com Blazor e .NET Core
SPA's com Blazor e .NET Core
Gustavo Bellini Bigardi
 
Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.
Valmir Justo
 

Semelhante a Angular, React ou Vue? Comparando os favoritos do JS reativo (20)

RubyConf 17 - Colocando sua aplicação vue nos trilhos
RubyConf 17 - Colocando sua aplicação vue nos trilhosRubyConf 17 - Colocando sua aplicação vue nos trilhos
RubyConf 17 - Colocando sua aplicação vue nos trilhos
 
Angular js
Angular jsAngular js
Angular js
 
Angular5, vue js ou react redux (Trilha de Javascript - TDC 2018 )
Angular5, vue js ou react redux (Trilha de Javascript - TDC 2018 )Angular5, vue js ou react redux (Trilha de Javascript - TDC 2018 )
Angular5, vue js ou react redux (Trilha de Javascript - TDC 2018 )
 
Angular.JS Basic concepts. Meetup FloripaJS
Angular.JS Basic concepts. Meetup FloripaJSAngular.JS Basic concepts. Meetup FloripaJS
Angular.JS Basic concepts. Meetup FloripaJS
 
Introdução ao VUE JS
Introdução ao VUE JSIntrodução ao VUE JS
Introdução ao VUE JS
 
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
 
Hello ReactJs
Hello ReactJsHello ReactJs
Hello ReactJs
 
Novidades do AngularJS 2.0
Novidades do AngularJS 2.0Novidades do AngularJS 2.0
Novidades do AngularJS 2.0
 
TDC2016SP - TypeScript em aplicações modernas
TDC2016SP - TypeScript em aplicações modernasTDC2016SP - TypeScript em aplicações modernas
TDC2016SP - TypeScript em aplicações modernas
 
Apresentacão Android Components - Programando em camadas
Apresentacão Android Components - Programando em camadasApresentacão Android Components - Programando em camadas
Apresentacão Android Components - Programando em camadas
 
Tópicos Emergentes - DevOps
Tópicos Emergentes - DevOpsTópicos Emergentes - DevOps
Tópicos Emergentes - DevOps
 
Academia do Arquiteto Globalcode
Academia do Arquiteto GlobalcodeAcademia do Arquiteto Globalcode
Academia do Arquiteto Globalcode
 
Vuejs Angularjs e Reactjs. Veja as diferenças de cada framework!
Vuejs Angularjs e Reactjs. Veja as diferenças de cada framework!Vuejs Angularjs e Reactjs. Veja as diferenças de cada framework!
Vuejs Angularjs e Reactjs. Veja as diferenças de cada framework!
 
[JS EXPERIENCE 2018] Do jQuery aos microfrontends: os desafios de manter uma ...
[JS EXPERIENCE 2018] Do jQuery aos microfrontends: os desafios de manter uma ...[JS EXPERIENCE 2018] Do jQuery aos microfrontends: os desafios de manter uma ...
[JS EXPERIENCE 2018] Do jQuery aos microfrontends: os desafios de manter uma ...
 
MSP Tech Days Online 2018 - SPA além do JavaScript com Blazor
MSP Tech Days Online 2018 - SPA além do JavaScript com BlazorMSP Tech Days Online 2018 - SPA além do JavaScript com Blazor
MSP Tech Days Online 2018 - SPA além do JavaScript com Blazor
 
Criando uma PWA com React para consumir uma API
Criando uma PWA com React para consumir uma APICriando uma PWA com React para consumir uma API
Criando uma PWA com React para consumir uma API
 
Vue.js o poder das render functions
Vue.js  o poder das render functionsVue.js  o poder das render functions
Vue.js o poder das render functions
 
SimulaRSO - Simulador de Recursos de Sistemas Operacionais
SimulaRSO - Simulador de Recursos de Sistemas OperacionaisSimulaRSO - Simulador de Recursos de Sistemas Operacionais
SimulaRSO - Simulador de Recursos de Sistemas Operacionais
 
SPA's com Blazor e .NET Core
SPA's com Blazor e .NET CoreSPA's com Blazor e .NET Core
SPA's com Blazor e .NET Core
 
Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.
 

Mais de GDGFoz

Apresentação GDG Foz 2023
Apresentação GDG Foz  2023Apresentação GDG Foz  2023
Apresentação GDG Foz 2023
GDGFoz
 
Desenvolvimento de um Comedouro para cães com Acionamento Automático e Remoto
Desenvolvimento de um Comedouro para cães com Acionamento Automático e RemotoDesenvolvimento de um Comedouro para cães com Acionamento Automático e Remoto
Desenvolvimento de um Comedouro para cães com Acionamento Automático e Remoto
GDGFoz
 
Introdução do DEVSECOPS
Introdução do DEVSECOPSIntrodução do DEVSECOPS
Introdução do DEVSECOPS
GDGFoz
 
Aquisição de dados IoT com Event Sourcing e Microservices
Aquisição de dados IoT com Event Sourcing e MicroservicesAquisição de dados IoT com Event Sourcing e Microservices
Aquisição de dados IoT com Event Sourcing e Microservices
GDGFoz
 
Robótica Sucational
Robótica SucationalRobótica Sucational
Robótica Sucational
GDGFoz
 
A nova era do desenvolvimento mobile
A nova era do desenvolvimento mobile A nova era do desenvolvimento mobile
A nova era do desenvolvimento mobile
GDGFoz
 
Qualidade em Testes de Software
Qualidade em Testes de SoftwareQualidade em Testes de Software
Qualidade em Testes de Software
GDGFoz
 
WebAssembly além da Web - Casos de Uso em IoT
WebAssembly além da Web - Casos de Uso em IoTWebAssembly além da Web - Casos de Uso em IoT
WebAssembly além da Web - Casos de Uso em IoT
GDGFoz
 
Dart e Flutter do Server ao Client Side
Dart e Flutter do Server ao Client SideDart e Flutter do Server ao Client Side
Dart e Flutter do Server ao Client Side
GDGFoz
 
UX: O que é e como pode influenciar a vida do desenvolvedor?
UX: O que é e como pode influenciar a vida do desenvolvedor?UX: O que é e como pode influenciar a vida do desenvolvedor?
UX: O que é e como pode influenciar a vida do desenvolvedor?
GDGFoz
 
Dicas de como entrar no mundo do DevSecOps
Dicas de como entrar no mundo do DevSecOpsDicas de como entrar no mundo do DevSecOps
Dicas de como entrar no mundo do DevSecOps
GDGFoz
 
Angular >= 2 - One Framework Mobile & Desktop
Angular >= 2 - One Framework Mobile & DesktopAngular >= 2 - One Framework Mobile & Desktop
Angular >= 2 - One Framework Mobile & Desktop
GDGFoz
 
Automação Residencial Extrema com Opensource
Automação Residencial Extrema com OpensourceAutomação Residencial Extrema com Opensource
Automação Residencial Extrema com Opensource
GDGFoz
 
Brasil.IO COVID-19: Dados por Municípios. Quais os Desafios?
Brasil.IO COVID-19: Dados por Municípios. Quais os Desafios?Brasil.IO COVID-19: Dados por Municípios. Quais os Desafios?
Brasil.IO COVID-19: Dados por Municípios. Quais os Desafios?
GDGFoz
 
Desmistificando a programação funcional
Desmistificando a programação funcionalDesmistificando a programação funcional
Desmistificando a programação funcional
GDGFoz
 
Microsserviços com Kotlin
Microsserviços com KotlinMicrosserviços com Kotlin
Microsserviços com Kotlin
GDGFoz
 
Autenticação de dois fatores
Autenticação de dois fatores Autenticação de dois fatores
Autenticação de dois fatores
GDGFoz
 
Fique em casa seguro (ou tente)!
Fique em casa seguro (ou tente)!Fique em casa seguro (ou tente)!
Fique em casa seguro (ou tente)!
GDGFoz
 
Hooks em React: o novo jeito de fazer componentes funcionais
Hooks em React: o novo jeito de fazer componentes funcionaisHooks em React: o novo jeito de fazer componentes funcionais
Hooks em React: o novo jeito de fazer componentes funcionais
GDGFoz
 
Styled Components - Estilizando components sem stress - Roberto Tauille
Styled Components - Estilizando components sem stress - Roberto TauilleStyled Components - Estilizando components sem stress - Roberto Tauille
Styled Components - Estilizando components sem stress - Roberto Tauille
GDGFoz
 

Mais de GDGFoz (20)

Apresentação GDG Foz 2023
Apresentação GDG Foz  2023Apresentação GDG Foz  2023
Apresentação GDG Foz 2023
 
Desenvolvimento de um Comedouro para cães com Acionamento Automático e Remoto
Desenvolvimento de um Comedouro para cães com Acionamento Automático e RemotoDesenvolvimento de um Comedouro para cães com Acionamento Automático e Remoto
Desenvolvimento de um Comedouro para cães com Acionamento Automático e Remoto
 
Introdução do DEVSECOPS
Introdução do DEVSECOPSIntrodução do DEVSECOPS
Introdução do DEVSECOPS
 
Aquisição de dados IoT com Event Sourcing e Microservices
Aquisição de dados IoT com Event Sourcing e MicroservicesAquisição de dados IoT com Event Sourcing e Microservices
Aquisição de dados IoT com Event Sourcing e Microservices
 
Robótica Sucational
Robótica SucationalRobótica Sucational
Robótica Sucational
 
A nova era do desenvolvimento mobile
A nova era do desenvolvimento mobile A nova era do desenvolvimento mobile
A nova era do desenvolvimento mobile
 
Qualidade em Testes de Software
Qualidade em Testes de SoftwareQualidade em Testes de Software
Qualidade em Testes de Software
 
WebAssembly além da Web - Casos de Uso em IoT
WebAssembly além da Web - Casos de Uso em IoTWebAssembly além da Web - Casos de Uso em IoT
WebAssembly além da Web - Casos de Uso em IoT
 
Dart e Flutter do Server ao Client Side
Dart e Flutter do Server ao Client SideDart e Flutter do Server ao Client Side
Dart e Flutter do Server ao Client Side
 
UX: O que é e como pode influenciar a vida do desenvolvedor?
UX: O que é e como pode influenciar a vida do desenvolvedor?UX: O que é e como pode influenciar a vida do desenvolvedor?
UX: O que é e como pode influenciar a vida do desenvolvedor?
 
Dicas de como entrar no mundo do DevSecOps
Dicas de como entrar no mundo do DevSecOpsDicas de como entrar no mundo do DevSecOps
Dicas de como entrar no mundo do DevSecOps
 
Angular >= 2 - One Framework Mobile & Desktop
Angular >= 2 - One Framework Mobile & DesktopAngular >= 2 - One Framework Mobile & Desktop
Angular >= 2 - One Framework Mobile & Desktop
 
Automação Residencial Extrema com Opensource
Automação Residencial Extrema com OpensourceAutomação Residencial Extrema com Opensource
Automação Residencial Extrema com Opensource
 
Brasil.IO COVID-19: Dados por Municípios. Quais os Desafios?
Brasil.IO COVID-19: Dados por Municípios. Quais os Desafios?Brasil.IO COVID-19: Dados por Municípios. Quais os Desafios?
Brasil.IO COVID-19: Dados por Municípios. Quais os Desafios?
 
Desmistificando a programação funcional
Desmistificando a programação funcionalDesmistificando a programação funcional
Desmistificando a programação funcional
 
Microsserviços com Kotlin
Microsserviços com KotlinMicrosserviços com Kotlin
Microsserviços com Kotlin
 
Autenticação de dois fatores
Autenticação de dois fatores Autenticação de dois fatores
Autenticação de dois fatores
 
Fique em casa seguro (ou tente)!
Fique em casa seguro (ou tente)!Fique em casa seguro (ou tente)!
Fique em casa seguro (ou tente)!
 
Hooks em React: o novo jeito de fazer componentes funcionais
Hooks em React: o novo jeito de fazer componentes funcionaisHooks em React: o novo jeito de fazer componentes funcionais
Hooks em React: o novo jeito de fazer componentes funcionais
 
Styled Components - Estilizando components sem stress - Roberto Tauille
Styled Components - Estilizando components sem stress - Roberto TauilleStyled Components - Estilizando components sem stress - Roberto Tauille
Styled Components - Estilizando components sem stress - Roberto Tauille
 

Angular, React ou Vue? Comparando os favoritos do JS reativo