SlideShare uma empresa Scribd logo
1 de 24
React
Ontem, hoje e amanhã
Olá!
Eu sou o Daniel
Engenheiro de Software Mobile at
Qulture Rocks, Mentor at Codenation
Estudante e amante de comunidades
2
Por que eu uso React?
Eu uso por que
acho legal...
4
NÃO!
5
Make It easier to build
great UIs.
Sophie Alpert
6
1. Simplificar coisas
complexas
2. Performance
3. Ferramentas para o
desenvolvedor
8
React antigamente
9
React antigamente
10
React antigamente
Desvantagens
◇ É Difícil Reutilizar Lógica com Estado
entre Componentes
◇ Componentes Complexos se Tornam
Difíceis de Entender
◇ Classes Confundem tanto Pessoas
quanto Máquinas
11
12
Para resolver isso eles
lançaram os Hooks
13
14
● Hooks Básicos
● useState
● useEffect
● useContext
● Hooks Adicionais
● useReducer
● useCallback
● useMemo
● useRef
● useImperativeHandle
● useLayoutEffect
● useDebugValue
15
16
17
18
● Hooks Adicionais
● useReducer
● useCallback
● useMemo
● useRef
● useImperativeHandle
● useLayoutEffect
● useDebugValue
19
É o futuro?
20
21
E por fim...
22
Hooks não são bala de prata!
23
24
Thanks!
Duvidas?

Mais conteúdo relacionado

Semelhante a React: Ontem, hoje e amanhã

TDC2018SP | Trilha Mobile - Learn once, code anywhere
TDC2018SP | Trilha Mobile - Learn once, code anywhereTDC2018SP | Trilha Mobile - Learn once, code anywhere
TDC2018SP | Trilha Mobile - Learn once, code anywheretdc-globalcode
 
Desenvolvimento Front-end Orientado a Componentes
Desenvolvimento Front-end Orientado a ComponentesDesenvolvimento Front-end Orientado a Componentes
Desenvolvimento Front-end Orientado a ComponentesLucas Santos
 
JS Experience 2017 - Painel – Angular+React+Vue: Arquitetura, Performance e U...
JS Experience 2017 - Painel – Angular+React+Vue: Arquitetura, Performance e U...JS Experience 2017 - Painel – Angular+React+Vue: Arquitetura, Performance e U...
JS Experience 2017 - Painel – Angular+React+Vue: Arquitetura, Performance e U...iMasters
 
Aula 0. introdução ao scratch 1.4
Aula 0. introdução ao scratch 1.4Aula 0. introdução ao scratch 1.4
Aula 0. introdução ao scratch 1.4Scratch_TCC
 
Gabriel Pacheco e Felipe Cardoso - Nextel + React Native: Lições aprendidas a...
Gabriel Pacheco e Felipe Cardoso - Nextel + React Native: Lições aprendidas a...Gabriel Pacheco e Felipe Cardoso - Nextel + React Native: Lições aprendidas a...
Gabriel Pacheco e Felipe Cardoso - Nextel + React Native: Lições aprendidas a...DevCamp Campinas
 
Workshop React Hooks
Workshop React HooksWorkshop React Hooks
Workshop React HooksDan Vitoriano
 
Microserviços é pra mim? Como começar? #cpbr12
Microserviços é pra mim? Como começar? #cpbr12Microserviços é pra mim? Como começar? #cpbr12
Microserviços é pra mim? Como começar? #cpbr12Fernando Henrique Gomes
 
Mapa de aprendizado Front End
Mapa de aprendizado Front EndMapa de aprendizado Front End
Mapa de aprendizado Front EndCaio Vaccaro
 
BlingTech - Padrões de Projeto
BlingTech - Padrões de ProjetoBlingTech - Padrões de Projeto
BlingTech - Padrões de ProjetoFernando Henrique
 
TDC2022 - Como desacoplar Componentes aplicando DI e IoC com Kotlin e Spring....
TDC2022 - Como desacoplar Componentes aplicando DI e IoC com Kotlin e Spring....TDC2022 - Como desacoplar Componentes aplicando DI e IoC com Kotlin e Spring....
TDC2022 - Como desacoplar Componentes aplicando DI e IoC com Kotlin e Spring....Fabiano Góes
 
Master App - Porque menos é mais!
Master App - Porque menos é mais!Master App - Porque menos é mais!
Master App - Porque menos é mais!Rodrigo Serradura
 
Drupal workshop fcul_2014
Drupal workshop fcul_2014Drupal workshop fcul_2014
Drupal workshop fcul_2014Ricardo Amaro
 
Um desenvolvedor com princípios SOLID
Um desenvolvedor com princípios SOLIDUm desenvolvedor com princípios SOLID
Um desenvolvedor com princípios SOLIDHélio Medeiros
 
Intodução ao React
Intodução ao ReactIntodução ao React
Intodução ao ReactDev PP
 
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 trilhosFelipe Gadelha Ruoso
 
Introdução ao docker
Introdução ao dockerIntrodução ao docker
Introdução ao dockerNewton Angelini
 
TDC São Paulo 2015 - Interfaces Ricas com Rails e React.JS
TDC São Paulo 2015  - Interfaces Ricas com Rails e React.JSTDC São Paulo 2015  - Interfaces Ricas com Rails e React.JS
TDC São Paulo 2015 - Interfaces Ricas com Rails e React.JSRodrigo Urubatan
 
React Native - Experiência Nativa para o usuário e experiência Web para o des...
React Native - Experiência Nativa para o usuário e experiência Web para o des...React Native - Experiência Nativa para o usuário e experiência Web para o des...
React Native - Experiência Nativa para o usuário e experiência Web para o des...Emiliano Barbosa
 

Semelhante a React: Ontem, hoje e amanhã (20)

TDC2018SP | Trilha Mobile - Learn once, code anywhere
TDC2018SP | Trilha Mobile - Learn once, code anywhereTDC2018SP | Trilha Mobile - Learn once, code anywhere
TDC2018SP | Trilha Mobile - Learn once, code anywhere
 
Desenvolvimento Front-end Orientado a Componentes
Desenvolvimento Front-end Orientado a ComponentesDesenvolvimento Front-end Orientado a Componentes
Desenvolvimento Front-end Orientado a Componentes
 
JS Experience 2017 - Painel – Angular+React+Vue: Arquitetura, Performance e U...
JS Experience 2017 - Painel – Angular+React+Vue: Arquitetura, Performance e U...JS Experience 2017 - Painel – Angular+React+Vue: Arquitetura, Performance e U...
JS Experience 2017 - Painel – Angular+React+Vue: Arquitetura, Performance e U...
 
Angular Biopark
Angular BioparkAngular Biopark
Angular Biopark
 
Aula 0. introdução ao scratch 1.4
Aula 0. introdução ao scratch 1.4Aula 0. introdução ao scratch 1.4
Aula 0. introdução ao scratch 1.4
 
Gabriel Pacheco e Felipe Cardoso - Nextel + React Native: Lições aprendidas a...
Gabriel Pacheco e Felipe Cardoso - Nextel + React Native: Lições aprendidas a...Gabriel Pacheco e Felipe Cardoso - Nextel + React Native: Lições aprendidas a...
Gabriel Pacheco e Felipe Cardoso - Nextel + React Native: Lições aprendidas a...
 
Palestra microservice semanatic
Palestra microservice semanaticPalestra microservice semanatic
Palestra microservice semanatic
 
Workshop React Hooks
Workshop React HooksWorkshop React Hooks
Workshop React Hooks
 
Microserviços é pra mim? Como começar? #cpbr12
Microserviços é pra mim? Como começar? #cpbr12Microserviços é pra mim? Como começar? #cpbr12
Microserviços é pra mim? Como começar? #cpbr12
 
Mapa de aprendizado Front End
Mapa de aprendizado Front EndMapa de aprendizado Front End
Mapa de aprendizado Front End
 
BlingTech - Padrões de Projeto
BlingTech - Padrões de ProjetoBlingTech - Padrões de Projeto
BlingTech - Padrões de Projeto
 
TDC2022 - Como desacoplar Componentes aplicando DI e IoC com Kotlin e Spring....
TDC2022 - Como desacoplar Componentes aplicando DI e IoC com Kotlin e Spring....TDC2022 - Como desacoplar Componentes aplicando DI e IoC com Kotlin e Spring....
TDC2022 - Como desacoplar Componentes aplicando DI e IoC com Kotlin e Spring....
 
Master App - Porque menos é mais!
Master App - Porque menos é mais!Master App - Porque menos é mais!
Master App - Porque menos é mais!
 
Drupal workshop fcul_2014
Drupal workshop fcul_2014Drupal workshop fcul_2014
Drupal workshop fcul_2014
 
Um desenvolvedor com princípios SOLID
Um desenvolvedor com princípios SOLIDUm desenvolvedor com princípios SOLID
Um desenvolvedor com princípios SOLID
 
Intodução ao React
Intodução ao ReactIntodução ao React
Intodução ao React
 
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
 
Introdução ao docker
Introdução ao dockerIntrodução ao docker
Introdução ao docker
 
TDC São Paulo 2015 - Interfaces Ricas com Rails e React.JS
TDC São Paulo 2015  - Interfaces Ricas com Rails e React.JSTDC São Paulo 2015  - Interfaces Ricas com Rails e React.JS
TDC São Paulo 2015 - Interfaces Ricas com Rails e React.JS
 
React Native - Experiência Nativa para o usuário e experiência Web para o des...
React Native - Experiência Nativa para o usuário e experiência Web para o des...React Native - Experiência Nativa para o usuário e experiência Web para o des...
React Native - Experiência Nativa para o usuário e experiência Web para o des...
 

React: Ontem, hoje e amanhã