Resumo do Vídeo sobre Criar um Projeto React

Estamos de volta, agora vamos para a prática e eu abri o terminal aqui. Eu vou usar o Create React App para gerar um projeto de React. Rapidamente, se você não tiver, só dá o NPM. Instala o traço G para instalar o pacote globalmente, Create, Traço React, Traço App. Tá bom, ele já tem instalado. Note que eu estou usando a versão Node 10.15.3 nesse vídeo. NPM versão 641. Já bom? Então vou dar o Create React, só digitar Create React, Traço App e o nome do projeto. Tá? Eu vou dizer, sei lá... Chama de bundas. Vou levar um tempo para instalar React, React Dom, React Scripts e gerar o projeto. Se você quiser pular essa parte do vídeo. Já terminou. Gerou o projeto no diretório BANDAS. Então vamos entrar no diretório BANDAS, CD BANDAS. Temos aqui os arquivos já. Agora vamos instalar os pacotes. Vou usar o NPM Instal, React, React, Redux. Eu estou usando o NPM 6, então não precisa digitar Tras, Tras, Save. Agora vamos instalar os pacotes que precisamos. Vamos instalar os pacotes que precisamos. Vamos instalar os pacotes que precisamos. Vamos instalar os pacotes que precisamos. Eu estou usando o NPM 6, então não precisa digitar Tras, Tras, Save. Também deve demorar um pouquinho se você quiser pular essa parte do vídeo. Por favor. Pronto, então vamos aqui abrir o projeto que eu vou abrir no meu editor de texto Atom. A ver os arquivos. Vou conferir se foi instalado os pacotes no package JSON. Aqui BANDAS, Dependences, Redux, versão 4.0.1. E acima. React Redux, versão 7.0.2. Eu estou usando o React 1686. O React On é o 1686. Na parte de SGRC, tem um app com o JTS, que é o ponto de partida para esse cara. Para poder rodar esse cara, temos os comandos de script. Essa é o da NPM Start para rodar. Vamos aqui, terminar. Da NPM Start. Aqui dá. Abrir uma aba aqui no meu navegador. A D está rodando o servidor de desenvolvimento. Pronto, compilou sucesso com esse. Essa é a página que é gerada pelo app.js. Vamos lá. Vou pegar o JTS, vou deletar tudo, começar com o mesmo. Vamos lá. Import. React for React, a gente vai precisar. Vamos fazer componente de classe aqui. App, Extend, do React.component. Precisamos ter o método render, para retornar um modelo, uma visão. Vou botar um div aqui. Sem nada. Vou dizer lista de bandas. Na verdade, eu quero botar esse enquanto componente, mas vamos depois. Se quiser dar o export default aqui, pode ser, mas vou dar aqui fora. Vamos ver se aparece. Lista de bandas. Vou pegar aqui. Fazer assim. Para você ver no lado esquerdo o aplicativo Lista de Bandas. A gente vai escrever o código aqui, essa parte, lá direito. Vamos dar a pausa aqui, para você ver se já gerou o projeto. E instalar o Redux, o React Redux. Tem um app aqui que a gente apagou. Vamos escrever tudo zero de novo. Não precisa se preocupar com os outros arquivos, a gente vai ilustrar o conceito de ser letor nos próximos aulas. Tem por essa aula é só e até a próxima.