pablo87f/bootcamp-gostack-desafio-04

Desafio 04 do curso Bootcamp GoStack da RocketSeat

Desafio 4: Introdução ao React

Projeto do desafio 04 proposto no curso 'Bootcamp - GoStack' da RocketSeat (https://github.com/Rocketseat/bootcamp-gostack-desafio-04)

Uma interface que imita uma lista de post do Facebook

Iniciando

As instruções a seguir vão te dizer como executar a API para que ela possa ser consumida

Pre-requisitos

• Ter o Node.js instalado

  • Tutorial de como instalar o Node.js no Linux: https://phoenixnap.com/kb/install-latest-node-js-and-nmp-on-ubuntu

  • Instalador do Node.js no Windows: https://nodejs.org/en/download/

• Ter o yarn instalado

  • Tutorial de como instalar o Yarn (Escolha o seu sistema operacional na página do tutorial): https://legacy.yarnpkg.com/en/docs/install#debian-stable

Instalando dependências do projeto

Instale as dependências executando o comando yarn no terminal na pasta do projeto:

~/bootcamp-gostack-desafio-04
$ yarn

Executando o projeto para desenvolvimento

~/bootcamp-gostack-desafio-04
$ yarn dev

Acessando a interface

• Acesse no navegador o endereço: http://localhost:8080

Construido com

• Javascript

• prop-types - Verificação de tipos em tempo de execução para propriedades React e objetos similares.

• react - Biblioteca javascript declarativa pra construção de interfaces.

• react-dom - Pacote oference renderizadores de objetos DOM para o React.

• @babel/core - Pacote de conversão de javascript moderno para javascript entendível pela maioria dos navegadores

• @babel/plugin-proposal-class-properties - Pacote de conversão de javascript complementar ao babel que trata de propriedades das classes

• @babel/preset-env - Pacote de conversão de javascript complementar ao babel

• @babel/preset-react - Pacote de conversão de javascript complementar ao babel que tem pre-configurações do React

• babel-loader - Pacote de conversão de javascript complementar ao babel para importação de arquivos

• css-loader - Interpreta o import como um require() para importação de arquivos .css

• file-loader - Interpreta o import como um require() para importação de arquivos

• style-loader - Injeta CSS no DOM

• webpack - Biblioteca que cria o bundle dos arquivos Javascript.

• webpack-cli - Interface de linha de comando do Webpack

• webpack-dev-server - Fornece a atuzalização da aplicação no navegador a cada mudança.

Licença

Esse projeto está sob a MIT License