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
- ...
Aplicativo de registro de atividades diárias.
Funcionalidades
- Registro rápido de atividades
- categorização de atividades
- Relatório temporal das atividades
- ...
Aplicativo whitelist/blacklist
Funcionalidades
- Indicar se é favorável (white) ou desfavorável (black) um estabecimento
- GPS
- Oauth (Facebook, G+, Twitter)
- ...
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/