Estamos de volta, vamos configurar o Redux aqui. Temos o arquivo index.js no site do diretor, o S-R-C. Nós temos aqui o React DOM chamada da função render. Aqui tem um app, né? A gente vai fazer o seguinte, a gente vai usar o provider do React Redux para poder embrulhar aqui no componente app, tá? Vai ser embrulhado pelo provider que vem do React Redux. Agora esse provider leva como o próprio store, que a gente vai criar ali, tá bom? Então vamos importar aqui o provider. Provider... Redux. Agora, só a gente tem que criar com o pacote do Redux, tá? Então vamos aqui... A gente vai chamar o Create Store. Essa é a função que está dentro do pacote Redux, tá bom? Vamos importar o Create Store... Pro Redux, tá? Agora o Create Store, e você precisa definir o reducer, passa o reducer para o Create Store. Então vamos pôs caras em uma variável store, vai ser usada aqui. A gente tem que ter o reducer ou o root reducer, tá bom? Vou chamar de root reducer. Então vou importar root reducer, vou chamar ponto reducers. Ponto barra reducers, um arquivo que eu vou criar aqui, reducers.js. Vou dar export default dentro desse cara para poder portar. E vou só deixar uma função mesmo, tá? Essa função aqui vai ter o State e o Action. Tá bom? Então root reducer, o State vai ter um estado inicial. Vou chamar nesse State e vou definir o variável aqui. Agora não tem nenhuma ação, né? Não dá para fazer nada, então eu vou retornar o Estado como ele é sem fazer nada, tá? Então vamos ver o que aconteceu aqui. Então aqui no index.js da parte de SRC, nós temos a renderização do... A indigestão do aplicativo no elemento pro id root do index, né? Ponto HTML aqui, na parte da public, o aplicativo será injetado aqui na CDV com id root, tá? Então isso significa essa chamada pro render, vai injetar lá naquele elemento de esse cara aqui. Então a gente embrulhou o app com o provider. Provider que vem do pacote React Redux para a gente poder conectar e disponibilizar essa store aqui em todos os componentes aqui do nosso aplicativo. Esse caso vai começar pelo app. Então para poder... como é que define essa store? Então eu pregamos variável chamado store e fiz a chamada do create store uma função do pacote Redux e você tem que passar o reducer, né? A definição dos seus reducers. Nesse caso eu fiz um arquivo ponto bar reducers e eu defini o reducer, que é uma função, né? Aqui tem o parameter state e o segundo parameter action, né? A... expect a reducer a function. Eu erro aqui. Deixa eu salvar esse arquivo. Tá? Então eu não vou fazer muita coisa aqui para poder dividir o reducer em sub reducers e pedaços do estado, tá? Se você quiser fazer isso, você pode usar o combine reducers. Como a gente só quer ilustrar o conceito de selector, eu não vou perder tempo lidando com ações aqui e dividindo o reducer em múltiplos. Outros reducers, tá bom? Então o que é que eu vou fazer? Eu só vou definir o estado inicial aqui. Vai ser o state, vai ser inicialmente indefinido, mas ele vai adotar como o valor inicial, essa variável initial state que eu vou definir aqui, eu já vou definir com aquilo que a gente já tinha antes e a gente já tinha falado, tá? Então eu vou copiar e colar essa parte aqui que a gente já falou. Tá bom? É um objeto, propriedade bandas, propriedade perfil dentro de bandas. Tem outra propriedade bandas com uma lista de strings e para o perfil tem uma propriedade nome com meu nome e vários outros que a gente pode ter. Esse vai ser o estado inicial já assim mesmo. Finalmente, o aplicativos precisam fazer pedidos de HTTP para poder obter todas essas informações. Aqui eu já estou pondo aqui em... Só para ilustrar o exemplo, tá? Para o ministrado já ter um estado aqui definido para a gente poder ver como é que criou o selector. Tá? Então esse é o estado inicial, propriedade bandas. Outro bandas que a gente vai ver aqui, tá? Agora, a gente tem isso. Agora vamos aqui no app, o JTS. Vamos pegar essa aqui... Lista de bandas e vamos definir um componente próprio. Se eu vou pegar esse cara, vou copiar e vou só dizer que esse aqui é o app. E dentro do app, vou... Vou colocar a lista de bandas. Vou colocar o app, vou colocar o app. Dentro do app, vou colocar lista de bandas, tá? Esse componente a gente vai definir aqui. Vamos importar a lista de bandas. Vou definir ponto bar, lista de bandas, tá? Vou criar a lista de bandas, ponto JTS. Mesma coisa, componente clássico, vou criar lista de bandas, tá? Extends react.component. Opa, react a gente tem que importar pra usar. Preciso do que método nessa classe. Ranger. E vou retornar, né? Esse cara aqui, tá? Pô, uns... Tá, e vou dar lá no final export default lista de bandas pra poder disponibilizar esse cara lá pra poder ser importado lá do app. Tá? Então tá aqui no lado esquerdo, parece. Agora, o que a gente vai fazer? A gente vai conectar esse componente ao Redux através do connect, do react Redux. E a gente vai fazer o nosso map, state to props. Primeiro, vamos fazer sem seletor. Depois, a gente vai criar o seletor, tá bom? Então, vamos deixar isso pra próxima aula. Então, até mais.