Treinamento em gerencia de estado e testes básicos.

Nesse repositório você encontra os slides, um projeto contendo o desafio e outro para ser usado como guia.

Desafio

Convido-o(a) a aprimorar o projeto projetos/desafio usando os conceitos e técnicas ensinadas no treinamento.

Não há apenas uma solução e não se prenda a uma técnica. Use essa oportunidade para experimentar conceitos, bibliotecas e idéias que você tiver e converse com seus colegas sobre as vantagens e desvantages de cada conceito e biblioteca.

Use o projeto projetos/guia para tirar dúvidas ou estudar a minha implementação.

Bugs e pontos a melhorar

O estado do contador da carta é resetado uma vez que a mesma é desmontada.
O componente src/containers/Counter depende do contexto e isso gera uma dependencia desnecessária.

Requisitos

Testes de integração para os containers e testes unitários para os componentes.
Se uma carta for desmontada e renderizada de novo o contador deve manter seu estado.
Os componentes src/containers/CardGrid e src/containers/Counter devem ser refatorados em componentes de apresentação.

Rodando os projetos

Vá para o diretório do projeto desejado
Execute $ npm install
Inicie o servidor execuntando $ npm start

Toda vez que você salvar uma mudança no código uma nova build será gerada automaticamente. Não é necessário recomeçar o servidor.

Testando

Execute $ npm test no diretório do projeto

Os testes rodarão em watch mode e toda vez que você salvar algum arquivo os testes serão executados automaticamente.

Links úteis

Bibliotecas

Vídeos

Cursos

Testing JavaScript

Gerar PDF

Caso você edite os slides e deseja recriar o PDF treinamento-react.pdf siga os passos abaixo:

No diretório raiz desse repositorio execute $ npm install para instalar as dependencias
Em seguida, $ npm run generate-pdf
O arquivo treinamento-react.pdf será atualizado conforme os novos slides

lucasfeliciano/treinamento-react