#VemProReact #6
#VemProReact
#VemProReact #5
O #Desafio!
#VemProReact
Revisão
O que é React?
#VemProReact
Revisão
O que é JSX?
#VemProReact
Revisão
O que diferencia uma arrow function de uma function expression?
#VemProReact
Revisão
Pra que servem as props?
Como podemos modificá-las?
#VemProReact
Revisão
O que é Destructuting Assignment?
#VemProReact
Revisão
Para que serve o state de um componente?
#VemProReact
Revisão
Como tratamos os eventos em uma aplicação React?
#VemProReact
Revisão
Pra que servem os métodos de ciclo de vida do componente?
Quais são os principais?
#VemProReact
Revisão
O que é SASS?
Qual a principal propriedade do CSS que ele traz?
#VemProReact
Revisão
O que é Spread Operator?
#VemProReact
FLUX
O que é FLUX?
#VemProReact
FLUX
- Foi criado pelo Facebook
- É uma arquitetura para aplicações web
- É um modelo de fluxo dados
- É dividido, basicamente, em: action, dispatcher, store e view
Na teoria:
#VemProReact
FLUX
Na prática:
Action é simplesmente um objeto que define o que será modificado
Dispatcher é o intermediador de tudo, define o que, onde e como será alterado
Store é o que define a estrutura e os valores dos nossos dados, ou seja, é onde os dados estão de fato
View é onde será exibido qualquer dado para o usuário
#VemProReact
FLUX
Na prática:
Com FLUX, temos um fluxo de dados unilateral:
No mundo React, o view nada mais é do que um componente
#VemProReact
FLUX
O mais importante!
Você não vai precisar implementar o FLUX!
Isto é um conceito muito importante para se entender como funciona sua aplicação React
Não tenha medo! Agora tudo parece muito abstrato, mas no fim, tudo faz sentido!
#EuAgarantio
#VemProReact
Dúvidas?
#VemProReact
Preparem-se que na próxima aula tem Redux! \o/
Dever de casa!
- Terminar o desafio e/ou aplicar as melhorias cabíveis
- Criar um novo projeto React em seu workspace
- Estudar o conceito de Template Strings e trazer o que entendeu para o nosso próximo encontro
#VemProReact
Obrigado!
