Aplicação desenvolvida em ReactJS contendo Bootstrap e em typescript.
Hospeadado em: Netlify
- IDE: VSCODE 1.55.1
- Node.js: version 14.16.0 (x64) and NPM
Yarn - Através do NPM iremos instalar o gerenciador de dependências do Facebook Yarn, que é mais recomendado para se trabalhar usando o React:
npm install -g yarn
Create-react-app - Precisamos instalar a ferramenta de Linha de comando create-react-app que também foi desenvolvida pelo Facebook para criarmos um projeto do zero sem nos preocuparmos com bundling, otimização de arquivo e outros detalhes de configuração que podem ser extensos quando realizados manualmente:
npm install -g create-react-app
1 - Dentro da pasta do seu projeto, execute o seguinte comando:
npm create-react-app [nome-do-projeto] --template=typescript2 - Esse comando criará vários arquivos dentro da pasta aplicacao, dentre eles, pacotes. Para continuarmos a instalação desses pacotes, digite o seguinte comando para acessarmos a pasta do nosso projeto:
cd [nome-do-projeto]
3 - Logo após, ainda no mesmo diretório, para instalação dos pacotes do Bootstrap, execute os seguintes comandos:
yarn add styled-components styled-icons
yarn add react-sticky-box
yarn add –D @types/styled-components
4 - Para começar a programar, vamos utilizar a IDE Visual Studio Code. Para abrir o projeto nele, digite os seguintes comandos no diretório do projeto:
code .
5 - Pronto! Agora basta você desenvolver do seu jeito a sua aplicação e executa-lá para teste com o comando a seguir:
yarn start