ethan-deng

Build dev

https://github.com/petehunt/webpack-howto#6-feature-flags

ethan-deng

Closure and Const/Let

_createClass(Contact, [{
	    key: 'render',
	    value: function render() {
	      var self = this;
	      var controls = [];
	
	      var _loop = function _loop() {

ethan-deng

Webpack Feature Flag

• https://github.com/petehunt/webpack-howto
• https://webpack.github.io/docs/list-of-plugins.html
• http://jilles.me/webpack-bundle-splitting-and-feature-flags/
• http://dev.topheman.com/make-your-react-production-minified-version-with-webpack/

ethan-deng

React Animation

• https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Transitions/Using_CSS_transitions
• https://facebook.github.io/react/docs/animation.html
• https://medium.com/@cheapsteak/animations-with-reacttransitiongroup-4972ad7da286#.ckg4ne3t7

1. CSS animation can be applied directly to component that never enter or leave the dom. For example, a preploaded layer which is hidden to the left.

2. CSS animation can be used directly on component using inline style.

ethan-deng

MERN

• npm install express --save

• npm install body-parser cookie-parser multer --save

• npm install -g devtool

• devtool app.js --watch

ethan-deng

AWS CodeCommit

• http://docs.aws.amazon.com/codecommit/latest/userguide/setting-up-ssh-windows.html#setting-up-ssh-windows-keys-windows
• http://docs.aws.amazon.com/codecommit/latest/userguide/getting-started.html#getting-started-permissions
• http://docs.aws.amazon.com/elasticbeanstalk/latest/dg/eb-cli-codecommit.html
• http://docs.aws.amazon.com/codecommit/latest/userguide/how-to-share-repository.html
• http://stackoverflow.com/questions/1125968/how-do-i-force-git-pull-to-overwrite-local-files
• http://stackoverflow.com/questions/18137175/in-git-what-is-the-difference-between-origin-master-vs-origin-master
• http://stackoverflow.com/questions/292357/what-is-the-difference-between-git-pull-and-git-fetch
• https://www.atlassian.com/git/tutorials/syncing

ethan-deng

Web and iPad

• http://stackoverflow.com/questions/32897960/ios-9-webkit-overflow-scrollingtouch-and-overflow-scroll-breaks-scrolling
• https://css-tricks.com/snippets/css/momentum-scrolling-on-ios-overflow-elements/
• https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-overflow-scrolling
• http://blog.christoffer.me/six-things-i-learnt-about-ios-safaris-rubber-band-scrolling/
• https://github.com/yahoo/react-dnd-touch-backend
• http://www.williammalone.com/articles/html5-javascript-ios-orientation/
• http://stackoverflow.com/questions/5498934/detect-change-in-orientation-using-javascript
• http://stackoverflow.com/questions/6249722/detect-ipad-orientation-change

ethan-deng

Progressive Web App

• https://medium.com/javascript-scene/native-apps-are-doomed-ac397148a2c0#.972oz69bw

• https://medium.com/javascript-scene/why-native-apps-really-are-doomed-native-apps-are-doomed-pt-2-e035b43170e9#.3gy1m852j

• https://www.smashingmagazine.com/2016/08/a-beginners-guide-to-progressive-web-apps/

• https://www.smashingmagazine.com/2016/09/the-building-blocks-of-progressive-web-apps/

• https://www.smashingmagazine.com/2016/09/the-building-blocks-of-progressive-web-apps/

• https://medium.com/javascript-scene/you-might-not-need-typescript-or-static-types-aa7cb670a77b#.6helucqgn

• https://medium.com/javascript-scene/angular-2-vs-react-the-ultimate-dance-off-60e7dfbc379c#.ks72wxeor

ethan-deng

Debug IOS

• http://johnnyzone.com/2016/02/debug-a-website-in-ios-safari-on-windows/
• http://stackoverflow.com/questions/20408110/debug-ipad-safari-with-a-pc
• https://blog.idrsolutions.com/2015/02/remote-debugging-ios-safari-on-os-x-windows-and-linux/
• https://developer.mozilla.org/en-US/docs/Tools/Valence
• https://github.com/artygus/ios-webkit-debug-proxy-win32
• google/ios-webkit-debug-proxy#86
• artygus/ios-webkit-debug-proxy-win32#24

ethan-deng

Debug Android

• https://developers.google.com/web/tools/chrome-devtools/remote-debugging/
• http://forum.jquery.com/topic/orientationchange-event-returns-wrong-values-on-android
• http://stackoverflow.com/questions/10215894/how-to-get-the-correct-window-width-on-orientation-change-for-android-devices-bo
• http://www.quirksmode.org/blog/archives/2013/11/orientationchan.html