Neste minicurso iremos construir um sistema de cadastro de livros utilizando Node.js, ReactJS, Express e MongoDB. A imagem a seguir mostra a tela de listagem de livros da aplica莽茫o que ser谩 desenvolvida.
1 - Pelo terminal/cmd na pasta raiz do projeto execute o comando:
npx create-react-app frontend.
Esse comando criar谩 a estrutura b谩sica do nosso projeto React (pode demorar alguns minutos).
Ser谩 criada a seguinte estrutura de arquivos:
- /frontend
- /node_modules
- /public
- /src
- .gitignore
- package.json
- README.md
- yarn.lock\
Para iniciar a aplica莽茫o digite:
cd frontend
npm start
A seguinte mensagem aparecer谩:
Compiled successfully!
You can now view frontend in the browser.
Local: http://localhost:3001/
On Your Network: http://10.55.4.110:3001/
Note that the development build is not optimized.
To create a production build, use yarn build.
2 - m贸dulos que utlizaremos no projeto:
Para instalar um m贸dulo utilizamos o comando npm install modulo
, por exemplo, para carregar o m贸dulo do react-boostrap em nosso
projeto utilizamos o comando:
npm install boostrap react-bootstrap
Durante o minicurso o c贸digo-fonte do projeto ser谩 atualizado e compartilhado em tempo real atrav茅s destes links:
- /frontend
- /node_modules
- /public
- /src
- /css
- /components