#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!