Giter VIP home page Giter VIP logo

desafiohu3's Introduction

offer-page-hu Build Status

Utilize os seguintes comandos para rodar o projeto:

npm install Instala as dependências

npm run start Roda o servidor de desenvolvimento

npm run test Roda os testes

npm run watch:test Roda testes em modo watch

npm run lint Roda o linter (ESlint)

Atenção!

As dependências foram instaladas usando npm@3. Devido às diferenças no tratamento das peerDependencies entre o npm@2 e o npm@3, pode ser que mensagens de erro sejam apresentadas ao instalá-las com npm@2. Apesar das mensagens, o comportamento da aplicação permanece o mesmo. De qualquer forma, recomendo que use npm@3


Arquitetura

As tecnologias adotas foram:

React: Pela facilidade em criar interfaces performaticas com alto reuso de componentes

Redux: Permite um ótimo controle do estado da aplicação

cssnext: Inclui todas as melhores funcionalidades dos atuais preprocessors com uma sintaxe future-proof

Node.js: Uso da mesma linguagem no backend e na interface, permitindo uma aplicação isomórfica :)

Babel: Future-proof javascript

Webpack: Bundling da aplicação


TODOS

Problemas na aplicação que ainda podem ser melhorados:

  • Melhor cobertura de testes
  • Separar a API da camada Web-Tier
  • Configurar server para modo de produção

Caveats

A aplicação é isomórfica, e isso nos traz enormes vantagens. Porem também nos traz um caveat: O servidor irá demorar algum tempo para ligar. Esse problema, porém, não atrapalha o desenvolvimento da aplicação, já que o servidor em modo de desenvolvimento inclui middlewares de hot-reload.

Alguns componentes externos foram utilizados. O [email protected] exibe warnings avisando que determinadas props não utilizadas devem ser removidas. O controle desse problema vai além do desenvolvedor da aplicação, e só pode ser resolvido pelo maintainer da biblioteca utillizada (ou que ele aceite os pull requests!).

desafiohu3's People

Contributors

vmattos avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.