Angular2/React links

Angular 2

Data Binding - http://plnkr.co/edit/TMm03jZH7f8p6fuCL9Kd?p=preview


// On Push
https://www.lucidchart.com/techblog/2016/05/04/angular-2-best-practices-change-detector-performance/
http://pascalprecht.github.io/slides/angular-2-change-detection-explained/#/122
https://www.lucidchart.com/techblog/2016/11/08/angular-2-and-observables-data-sharing-in-a-multi-view-application/
http://blog.angular-university.io/onpush-change-detection-how-it-works/
http://stackoverflow.com/questions/41364386/whats-the-difference-between-markforcheck-and-detectchanges


// Zone.js
https://blog.nrwl.io/controlling-time-with-zone-js-and-fakeasync-f0002dfbf48c
https://www.youtube.com/watch?v=3IqtmUscE_U


// State management
https://hackernoon.com/an-artificial-example-where-mobx-really-shines-and-redux-is-not-really-suited-for-it-1a58313c0c70
https://medium.com/@adamrackis/a-redux-enthusiast-tries-mobx-af675f468c11
https://bertrandg.github.io/angular2-application-state-management-strategy/

https://news.ycombinator.com/item?id=11181980
https://medium.com/@himrc/redux-vs-mobx-a42c8950f3'
https://youtu.be/TfxfRkNCnmk?t=15m59s

// Redux, Mobx
https://github.com/gaearon/redux-thunk
https://github.com/mobxjs/mobx/issues/199
https://github.com/bemusic/bemuse/blob/755b9fe5a302cf891b9c378ee2e690e7f2d2bd8a/src/app/redux/ReduxState.js
https://github.com/paularmstrong/normalizr
https://www.robinwieruch.de/redux-mobx-confusion/
https://stackoverflow.com/questions/38460113/mobx-performance
https://blog.nrwl.io/managing-state-in-angular-applications-22b75ef5625f
https://www.pluralsight.com/guides/front-end-javascript/ui-state-management-with-redux-in-angular-2

ngrx
http://onehungrymind.com/build-better-angular-2-application-redux-ngrx/
https://vsavkin.com/managing-state-in-angular-2-applications-caf78d123d02
https://medium.com/@rachelheimbach/rxjs-state-management-in-angular-2-error-handling-678deabf3331

https://blog.oasisdigital.com/2016/managing-state-angular-2/
https://medium.com/@michel.herszak/state-management-in-angular-2-and-react-f99dd657495d

Perf:
https://eyalvardi.wordpress.com/2016/12/20/performance-optimization-in-angular-2-0/
http://teropa.info/blog/2016/05/19/things-that-excite-me-about-angular-2.html

Gotchas:
http://angularjs.blogspot.com/2016/04/5-rookie-mistakes-to-avoid-with-angular.html


// Transducers
https://medium.com/@roman01la/understanding-transducers-in-javascript-3500d3bd9624

gistfile1.txt

// https://codepen.io/darkwing/pen/bCali
// https://codepen.io/lawrencealan/pen/joBdg
// https://codepen.io/Octavector/pen/WQeWLQ
// https://codepen.io/mrtairea/full/bpJBjX
// https://codepen.io/one20/pen/EyjGdg
// https://github.com/thoughtram/angular2-change-detection-demos

https://github.com/mweststrate/redux-todomvc/pull/1

http://onehungrymind.com/build-better-angular-2-application-redux-ngrx/

React

Architecture:
https://medium.com/airbnb-engineering/rearchitecting-airbnbs-frontend-5e213efc24d2
https://hackernoon.com/react-at-60fps-4e36b8189a4c

Flux:
https://stackoverflow.com/questions/25228433/confused-about-reacts-flux-architecture-waitfor
https://stackoverflow.com/questions/32461229/why-use-redux-over-facebook-flux/32920459#32920459
https://github.com/kriasoft/react-starter-kit/issues/22

angular2/immutable - https://houssein.me/redux/immutablejs/angular/2016/07/04/angular2-with-immutablejs-and-redux.html
angular2/immutable - https://www.jvandemo.com/how-i-optimized-minesweeper-using-angular-2-and-immutable-js-to-make-it-insanely-fast/
detach change detection - http://blog.angular-university.io/how-does-angular-2-change-detection-really-work/

angular life-cycle hooks - https://angular.io/docs/ts/latest/guide/lifecycle-hooks.html


Best articles/issues about change detection
-----------------------------------------------
https://hackernoon.com/everything-you-need-to-know-about-change-detection-in-angular-8006c51d206f
https://blog.thoughtram.io/angular/2016/02/22/angular-2-change-detection-explained.html
https://stackoverflow.com/questions/42643389/why-do-we-need-ngdocheck/42807309#42807309

https://blog.oasisdigital.com/2016/managing-state-angular-2/

React - Redux - Mobx

Redux libraries:
https://github.com/reactjs/reselect
https://github.com/paularmstrong/normalizr
https://github.com/acdlite/recompose
https://github.com/omnidan/redux-ignore



Redux/ Typescript:
http://www.mattgreer.org/articles/typescript-react-and-redux/
https://github.com/piotrwitek/react-redux-typescript-guide
https://github.com/rangle/typescript-react-redux-example/tree/archive
https://jaysoo.ca/2015/09/26/typed-react-and-redux/


Redux reduce boiler plate:
https://medium.com/@rintoj/its-2017-time-to-give-redux-another-thought-fa3bc4373df9
https://tonyhb.gitbooks.io/redux-without-profanity/content/components.html
http://www.sohamkamani.com/blog/2017/03/31/react-redux-connect-explained/


gotchas:
https://getstream.io/blog/react-redux-best-practices-gotchas/
https://techblog.appnexus.com/five-tips-for-working-with-redux-in-large-applications-89452af4fdcb
https://jaysoo.ca/2016/02/28/organizing-redux-application/


Redux: Handling State between Multiple Routes: https://stackoverflow.com/questions/34799587/redux-handling-state-between-multiple-routes
Why use Redux over Facebook Flux?: https://stackoverflow.com/questions/32461229/why-use-redux-over-facebook-flux?rq=1
Redux - multiple stores, why not? https://stackoverflow.com/questions/33619775/redux-multiple-stores-why-not
Connect selected changes instead of global changes - https://stackoverflow.com/questions/34981924/performance-issues-with-a-tree-structure-and-shouldcomponentupdate-in-react-re?noredirect=1&lq=1
Can a React-Redux app really scale as well as, say Backbone? Even with reselect. On mobile - https://stackoverflow.com/questions/34782249/can-a-react-redux-app-really-scale-as-well-as-say-backbone-even-with-reselect
React performance: rendering big list with PureRenderMixin - https://stackoverflow.com/questions/30976722/react-performance-rendering-big-list-with-purerendermixin?noredirect=1&lq=1
What's a good architecture for react-redux apps that require lots of arbitrary data mapping? [closed] - https://stackoverflow.com/questions/36181177/whats-a-good-architecture-for-react-redux-apps-that-require-lots-of-arbitrary-d?rq=1
React + Redux performance optimization with componentShouldUpdate - https://stackoverflow.com/questions/34981924/performance-issues-with-a-tree-structure-and-shouldcomponentupdate-in-react-re?noredirect=1&lq=1




Redux-Perf:
https://twitter.com/dan_abramov/status/684074628227182592
https://medium.com/@arikmaor/react-redux-performance-tuning-tips-cef1a6c50759
https://medium.com/@AlexFaunt/immutablejs-worth-the-price-66391b8742d4

React Architecture

Best Practices:
https://engineering.musefind.com/our-best-practices-for-writing-react-components-dec3eb5c3fc8
https://medium.com/@delveeng/react-and-flux-in-production-best-practices-c87766c57cb6
https://medium.com/@cabot_solutions/flux-the-react-js-application-architecture-a-comprehensive-study-fd2585d06483



Higher Order Components:
https://medium.com/@franleplant/react-higher-order-components-in-depth-cf9032ee6c3e
https://medium.com/@dan_abramov/smart-and-dumb-components-7ca2f9a7c7d0
https://gist.github.com/chantastic/fc9e3853464dffdb1e3c
https://www.youtube.com/watch?v=KYzlpRvWZ6c&t=1351
https://medium.com/@dan_abramov/mixins-are-dead-long-live-higher-order-components-94a0d2f9e750

React Contexts:
https://www.tildedave.com/2014/11/15/introduction-to-contexts-in-react-js.html
https://medium.com/react-ecosystem/how-to-handle-react-context-a7592dfdcbc
https://github.com/acdlite/recompose

Big list of React links:
https://github.com/markerikson/react-redux-links/blob/master/react-architecture.md