Curso de Redux

Curso de Redux

Thiago Vinicius Vieira

Thiago Vinicius Vieira

Instalando Node.js

3/22

Leitura

React √© uma biblioteca/framework JavaScript para criar aplica√ß√Ķes que rodam no navegador, por√©m os pacotes que iremos utilizar durante o desenvolvimento ser√£o gerenciados pelo Node Package Manager (NPM), inclusive o pr√≥prio React.

Começaremos então indo até o site oficial do Node.js e iremos instalar sua versão LTS, como ilustra a Figura 1.
Node1.jpg

Ap√≥s o download, clique no execut√°vel baixado e siga os passos de instala√ß√£o na tela, n√£o precisa alterar nada, apenas ‚Äúnext-next-finish‚ÄĚ.

Use o comando ‚Äúnode -v‚ÄĚ no terminal para verificar se o node foi corretamente instalado.

Instale e rode o Create React App
Create React App √© um boilerplate criado pelo Facebook para iniciar rapidamente um projeto com React. Ele j√° vem com algumas depend√™ncias e plugins instalados, al√©m de algumas pr√©-configura√ß√Ķes.
Caso você possua npm 5.2+ ou maior, poderá instalar desta forma:

`npx create-react-app create-react-redux-app

Se não tiver, é necessário instalar o Create React App globalmente. Rode em seu terminal o comando:

npm i -g create-react-app

… e ao finalizar:

create-react-app create-react-redux-app

O create-react-redux-app é o nome da pasta que será criada. Agora entre na pasta:

cd create-react-redux-app

… e rode com Yarn:

yarn start

ou com npm:

npm start

Uma janela no navegador abrir√°, na porta http://localhost:3000/ exibindo:

node2.jpg

IMPORTANTE! Para o nosso projeto ‚Äúrede social platzi‚ÄĚ, ser√° necess√°rio ‚Äúrodar‚ÄĚ os comandos:

npm run build -> para gerar o CSS do projeto, e arquivos HTML dentro da pasta ‚Äúbuild‚ÄĚ
Npm run server -> para iniciar o projeto juntamente com a API

O nosso projeto da rede social usa a porta 1337 - localhost:1337

DICA!
Acompanhe sempre o GitHub oficial do REDUX:
https://github.com/reduxjs/react-redux
https://github.com/reduxjs/redux

Contribui√ß√Ķes 0

Perguntas 0

Ordenar por:

As contribui√ß√Ķes, perguntas e respostas s√£o vitais para aprender em comunidade. Registre-se ou fa√ßa login para participar .