hybridapp

Aplicação conceito para teste de aplicações hibridas. Levando em consideração:

• Agilidade no desenvolvimento (Devtools, Webpack, HMR)
• Fácil escalabilidade
• Código único para diversos dispositivos (browser, app, watch, etc).

Tecnologias utilizadas:

• Node
• Express
• Sequelize
• ES6 ou 7
• React e React Native
• Babel
• Realtime app (socket.io / engine.io / sockjs.js)
• Http (axios)
• HMR (Hot Module Reload)
• Redux
• Devtools (Redux & React)
• Webpack

##Sugestão de aplicativo 1:

Aplicativo de doações. Usuários podem informar itens para doar (roupas, etc) e usuários podem se dispor para coletar.

Funcionalidades

• Cadastro de usuário
• Cadastro de doação
• Solicitação de coleta
• Realização da entrega da coleta e exibição
• Mapa de pontos de coleta
• ...

Sugestão de aplicativo 2:

Aplicativo de registro de atividades diárias.

Funcionalidades

• Registro rápido de atividades
• categorização de atividades
• Relatório temporal das atividades
• ...

Sugestão de aplicativo 3:

Aplicativo whitelist/blacklist

Funcionalidades

• Indicar se é favorável (white) ou desfavorável (black) um estabecimento
• GPS
• Oauth (Facebook, G+, Twitter)
• ...

Referências (Selecionado somente as mais interessantes):

React e React Native.

• http://makeitopen.com/tutorials/building-the-f8-app/planning/
• https://egghead.io/lessons/javascript-redux-the-single-immutable-state-tree
• https://youtu.be/xsSnOQynTHs
• http://blog.thebakery.io/todomvc-with-react-native-and-redux/ Projeto utilizando gerador de código

Comparação entre Angular2 e React. Mesma aplicação e mesmos frameworks

• https://github.com/rangle/typescript-react-redux-starter
• https://github.com/rangle/angular2-redux-example

Aplicação de referência em usabilidade:

Funciona muito bem no celular, no browser e também é um bom exemplo de Progressive Web Application. https://demo.vaadin.com/expense-manager/#/c553752acc Testar no celular, etc

Angular 2 e React Native juntos

• Em português: https://www.infoq.com/br/news/2016/06/angular2-react-native
• Em inglês (mais completo): http://angularjs.blogspot.com.br/2016/04/angular-2-react-native.html

Leituras

• React Starter Kit Isomorphic - https://github.com/kriasoft/react-starter-kit

• Angular 2 Universal. Isomorphic App - https://github.com/angular/universal

• Redux + React - https://css-tricks.com/learning-react-redux/

• Devtools - https://github.com/gaearon/redux-devtools

• Isomorphic - https://strongloop.com/strongblog/node-js-react-isomorphic-javascript-why-it-matters/

• Isomorphic - https://www.lullabot.com/articles/what-is-an-isomorphic-application

• Isomorphic - http://isomorphic.net/