alocs929/GoStack-conceitos-do-reactjs

Desafio sobre conceitos do React.js aplicado no Bootcamp GoStack

JavaScript

Resolução do DESAFIO 03 do Bootcamp GoStack 2020.

Este projeto apresenta o uso de conceitos iniciais/introdutórios ao ReactJS.

Dentre os assuntos ensinados para a realização do desafio estão:

Babel

Converter código do React em código entendivel pelo Browser

Webpack

Para cada tipo de arquivo (.js, .css, .png) converte de uma maneira diferente Loader
- babel-loader
- css- loader
- image-loader

Conceitos:

JSX: HTML dentro do JavaScript ou JS XML
Fragment: Quando se quer criar um container para conter mais de dois elementos sem prejuizo no DOM
```
<>
<RandoComponent />
<RandoComponent />
< />
```

Conceitos mais importantes do React

Componente
Propriedade
Estado
- useState retorna um estado com duas posições
  - Variável com o valor inicial
  - Função para retornar esse valor
- Imutabilidade: não se muda variável, sempre se recria.
  - Tem que evitar alterar variáveis.

Este projeto foi criado/testado com:

-yarn -v1.x.x
-Nodejs -v12.x.x

O não uso desses requisitos pode atrapalhar a execução do projeto.

Para testar o projeto:

OBS: Este projeto tem como pedendência o servidor Back-end para o seu correto funcionamento. Disponivel aqui.

1. Clone o Repositorio

$ git clone https://github.com/alocs929/GoStack-conceitos-do-reactjs.git

2. Inicie o yarn no diretório "GoStack-conceitos-do-reactjs"

$ yarn

Este comando vai dar um start no projeto baixando as dependências faltantes e criando a pasta node_modules.

3. Start o projeto como start

$ yarn start

3.1 Para iniciar em modo de teste use

$ yarn test

Bruno Martins