[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:07.78,0:00:11.08,Default,,0000,0000,0000,,O useEffect é um tipo de hook\Nmuito versátil.
Dialogue: 0,0:00:11.08,0:00:13.75,Default,,0000,0000,0000,,Uma de suas funções\Né o efeito colateral.
Dialogue: 0,0:00:13.75,0:00:15.15,Default,,0000,0000,0000,,Vamos ver como funciona?
Dialogue: 0,0:00:15.15,0:00:19.95,Default,,0000,0000,0000,,No projeto temos\Na seguinte estrutura,
Dialogue: 0,0:00:19.95,0:00:22.92,Default,,0000,0000,0000,,na pasta "components",\N"Exemplo2"
Dialogue: 0,0:00:22.92,0:00:26.16,Default,,0000,0000,0000,,Nosso componente "Exemplo2"\Ncom a primeira letra maiúscula,
Dialogue: 0,0:00:26.16,0:00:29.46,Default,,0000,0000,0000,,'.jsx" a sua extensão.
Dialogue: 0,0:00:29.46,0:00:31.80,Default,,0000,0000,0000,,Temos a seguinte estrutura.
Dialogue: 0,0:00:31.80,0:00:34.93,Default,,0000,0000,0000,,Estamos importando o hook\Nchamado "useRef"
Dialogue: 0,0:00:34.93,0:00:37.63,Default,,0000,0000,0000,,que na verdade ele ajuda\No useEffect
Dialogue: 0,0:00:37.63,0:00:42.94,Default,,0000,0000,0000,,a memorizar o que ele vai fazer\Ncomo colateral.
Dialogue: 0,0:00:42.94,0:00:46.73,Default,,0000,0000,0000,,Nesse exemplo,\Nnós temos aqui uma função
Dialogue: 0,0:00:46.73,0:00:52.35,Default,,0000,0000,0000,,que está recebendo uma constante\N"selecionarRef".
Dialogue: 0,0:00:52.35,0:00:57.79,Default,,0000,0000,0000,,Então, aqui é uma variável\Nselecionar e to passando "useRef" vazio.
Dialogue: 0,0:00:57.79,0:01:00.80,Default,,0000,0000,0000,,Embaixo, eu estou criando\No meu e "useEffect",
Dialogue: 0,0:01:00.80,0:01:02.83,Default,,0000,0000,0000,,que é o efeito colateral.
Dialogue: 0,0:01:02.83,0:01:13.06,Default,,0000,0000,0000,,É uma função que eu estou\Nrecebendo uma variável "seleElemento"
Dialogue: 0,0:01:13.06,0:01:16.44,Default,,0000,0000,0000,,e aqui esse "seleElemento"\Nestá recebendo
Dialogue: 0,0:01:16.44,0:01:18.68,Default,,0000,0000,0000,,o que o meu "useRef" guardou.
Dialogue: 0,0:01:18.68,0:01:22.55,Default,,0000,0000,0000,,Então é como se esse "useRef"\Npegasse o valor,
Dialogue: 0,0:01:22.55,0:01:26.55,Default,,0000,0000,0000,,guardasse e depois passasse\Npara o "useEffect" novamente.
Dialogue: 0,0:01:26.55,0:01:27.89,Default,,0000,0000,0000,,"Current" é o atual.
Dialogue: 0,0:01:27.89,0:01:30.100,Default,,0000,0000,0000,,então, é o que você estiver\Nselecionando atualmente
Dialogue: 0,0:01:30.100,0:01:33.29,Default,,0000,0000,0000,,eu vou já mostrar aqui na tela.
Dialogue: 0,0:01:33.29,0:01:37.83,Default,,0000,0000,0000,,E aqui é uma condicional\Ndizendo que ao escolher
Dialogue: 0,0:01:37.83,0:01:41.40,Default,,0000,0000,0000,,uma das opções,\Nele deixa marcado, selecionado
Dialogue: 0,0:01:43.10,0:01:44.90,Default,,0000,0000,0000,,e no nosso retorno,
Dialogue: 0,0:01:44.90,0:01:47.84,Default,,0000,0000,0000,,exatamente como essa aqui na tela,
Dialogue: 0,0:01:47.84,0:01:49.98,Default,,0000,0000,0000,,um select
Dialogue: 0,0:01:49.98,0:01:53.31,Default,,0000,0000,0000,,com três opções\NHTML, CSS e JavaScript.
Dialogue: 0,0:01:53.88,0:01:54.38,Default,,0000,0000,0000,,Vamos ver?
Dialogue: 0,0:01:54.38,0:01:57.38,Default,,0000,0000,0000,,Então use Effect e use REF
Dialogue: 0,0:01:57.68,0:02:00.39,Default,,0000,0000,0000,,Agindo, por exemplo, está.
Dialogue: 0,0:02:00.39,0:02:05.52,Default,,0000,0000,0000,,HTML ao escolher CSS ficou o CSS\Nestá selecionado CSS
Dialogue: 0,0:02:05.99,0:02:09.06,Default,,0000,0000,0000,,ao escolher\No JavaScript ficou o JavaScript.
Dialogue: 0,0:02:09.83,0:02:13.10,Default,,0000,0000,0000,,HTML. HTML É isso que usa
Dialogue: 0,0:02:13.10,0:02:18.60,Default,,0000,0000,0000,,Effect faz como colateral\Ncom a ajuda do uso RF
Dialogue: 0,0:02:18.60,0:02:21.67,Default,,0000,0000,0000,,que guarda na memória\No valor selecionado.
Dialogue: 0,0:02:22.51,0:02:26.35,Default,,0000,0000,0000,,E assim temos o uso do e usa effect\Ncomo efeito colateral.
Dialogue: 0,0:02:26.35,0:02:30.85,Default,,0000,0000,0000,,Ao selecionar uma opção\Ncom ajuda de um outro look
Dialogue: 0,0:02:31.05,0:02:34.59,Default,,0000,0000,0000,,que é o uso RF que vai memorizar\No que foi selecionado.