Calculator (vlab for http://investtools.com.br/)
Um pequeno projeto para testar minhas habilidades.
...
Criar uma simples calculadora, como a encontrado no sistema operacional, utilizando React.
...
Ter instalado localmente (apenas p/ Desenvolvimento e Teste):
$ git clone https://github.com/raulpereira/calculator.git
$ cd calculator
$ yarn$ yarn start
$ yarn test .
Acesse => https://calculator-rp.herokuapp.com/ 👏
Node.js c/ Create React App: A escolha da plataforma foi determinada pelo desafio e o uso do módulo de criação de aplicativos c/ React foi para agilizar a configuração do ambiente.
HTML + CSS + ES6 (c/ React): A idéia era usar todo o poder de componentização e gerenciamento de estado que o React possui, para criar a calculadora.
Jest: Era a ferramenta instalada como padrão do ambiente React criado pelo Create React App, fiz apenas 4 testes, para verificar como funciona, mas está longe de cobrir todo código escrito.
Heroku (PAAS): Escolhido por ter suporte grátis para aplicações Node.js, além de ter uma boa integração com o GitHub.
Tinha pouco tempo para me dedicar ao desafio, escolhi usar o desafio para estudar React, pois não havia tido contato até então, todo a solução foi baseada no Live Coding apresentado por Michael Jackson, isso poupou um tempo considerável para criação do CSS, que utiliza o Flexbox, modo layout, para determinar a localização de cada componente no página. Estruturei o código em pacotes separados e não em um arquivo só como apresentado no vídeo, assim a manutenção fica melhor, porém ainda da para estruturar mais o código, pois o javascript principal (Calculator.js) ainda esta bem grande e com muita responsabilidade. Utilizar o command pattern deve ser um caminho, isso vai facilitar o teste também.
Gostei muito de conhecer o tão famoso React, vou estudar mais sobre todo seu ecossistema, mas o pouco que vi já foi bem gratificante, sem dúvida resolve muita coisa que antes dava um belo trabalho.
AVANTE! 💪