---

Clone UI Twitter

Aplicação desenvolvida em ReactJS contendo Bootstrap e em typescript.

Hospeadado em: Netlify

 

Requisitos

Ambientes de Desenvolvimento e Referências

• IDE: VSCODE 1.55.1
• Node.js: version 14.16.0 (x64) and NPM

Instalações

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

 

Primeiros passos para criar sua aplicação React

1 - Dentro da pasta do seu projeto, execute o seguinte comando:

npm create-react-app [nome-do-projeto] --template=typescript

2 - 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