Este pequeno projeto foi construído com base o artigo "React Hooks: o que é e como funcionam?", da Alura, e consiste em uma página que renderiza dinamicamente a lista de repositórios públicos da minha conta do GitHub.
- A API Fetch do JavaScript, para buscar os repositórios disponíveis;
- Hook 'useState' do React JS, para gerir os estados do componente;
- Hook 'useEffect', para lidar com os efeitos colaterais da utilização da API Fetch;
- Bootstrap, para estilização básica do componente.
-
Certifique-se de ter o Git instalado em sua máquina. Você pode verificar digitando o seguinte comando no terminal:
git --version
Se o Git não estiver instalado, você pode baixá-lo e instalá-lo a partir do site oficial do Git.
-
Abra o terminal ou prompt de comando e navegue até o diretório em que deseja clonar o projeto ReactJS.
-
Clone o repositório do projeto executando o seguinte comando:
git clone https://github.com/fabiofrasson/github-repositories-list.git
-
Após a conclusão do comando, você terá uma cópia local do projeto ReactJS em seu diretório atual.
-
Navegue até o diretório do projeto clonado usando o seguinte comando:
cd github-repositories-list
-
Instale as dependências do projeto executando o comando:
npm i
Certifique-se de ter o Node.js e o npm (gerenciador de pacotes do Node.js) instalados em sua máquina. Você pode baixá-los e instalá-los a partir do site oficial do Node.js.
-
Após a conclusão da instalação das dependências, você pode iniciar o servidor de desenvolvimento executando o seguinte comando:
npm start
Isso iniciará o servidor de desenvolvimento e abrirá o projeto ReactJS no seu navegador padrão.
-
Abra o navegador e digite a URL
http://localhost:3000/
na barra de endereço.