List of links that talks about how to optimise performance
- React/Redux Performance Tuning Tips - https://medium.com/%40arikmaor/react-redux-performance-tuning-tips-cef1a6c50759
- React performance optimization tool - https://github.com/reactopt/reactopt
- Detecting Memory Leaks Using Chrome Developer Tools - https://www.youtube.com/watch?v=j4Uvk5zxrhM
- JavaScript Memory & Processing Profiling In Chrome - https://www.youtube.com/watch?v=KKwmdTByxLk
- Use Immutable - https://facebook.github.io/react/docs/advanced-performance.html, https://www.youtube.com/watch?v=wA98Coal4jk
- Create Pure components - https://facebook.github.io/react/docs/reusable-components.html
- Use purerendermixin - https://facebook.github.io/react/docs/pure-render-mixin.html
- Avoid pure render performance anti pattern - https://medium.com/@esamatti/react-js-pure-render-performance-anti-pattern-fb88c101332f#.l1my3iwkj
- Use chrome dev toolbar for load screenshot and profiling - https://www.youtube.com/watch?v=pt4TjbSQz-g
- Use lib like sitespeed and PSI - https://github.com/sitespeedio/sitespeed.io, https://github.com/addyosmani/psi
- Understand React Performance tips - https://facebook.github.io/react/docs/perf.html
- Use Performance.now - https://developer.mozilla.org/en-US/docs/Web/API/Performance/now
- Understand critical rendering path - https://developers.google.com/web/fundamentals/performance/critical-rendering-path/analyzing-crp?hl=en
- http://techbeacon.com/web-performance-testing-top-12-free-open-source-tools-consider
- Console when potentially unnecessary re-renders occur https://github.com/garbles/why-did-you-update
- High Performance React: 3 New Tools to Speed Up Your Apps https://medium.freecodecamp.org/make-react-fast-again-tools-and-techniques-for-speeding-up-your-react-app-7ad39d3c1b82
- React Anti Pattern https://github.com/nfour/js-structures/blob/master/guides/react-anti-patterns.md
- Debugging React Performance with React 16 and Chrome dev tools https://building.calibreapp.com/debugging-react-performance-with-react-16-and-chrome-devtools-c90698a522ad
- ReactCasre#9 - Immutability in Java Script https://www.youtube.com/watch?v=4LzcQyZ9JOU
- React.js Conf 2015 - Making your app fast with high-performance components https://www.youtube.com/watch?v=KYzlpRvWZ6c
- Impress Your Friends With Code Splitting in React https://hackernoon.com/impress-your-friends-with-code-splitting-in-react-9f9a3ca2ae6e
- React performance tips https://medium.com/@joomiguelcunha/react-performance-tips-5fa199a450b2
- Performance optimizations for React applications: Round 2 https://medium.com/@alexandereardon/performance-optimisations-for-react-applications-round-2-2042e5c9af97
- Server Rendering, Code Splitting, and Lazy Loading with React Router v4 https://medium.com/airbnb-engineering/server-rendering-code-splitting-and-lazy-loading-with-react-router-v4-bfe596a6af70
- React & Performance https://slides.com/balramsingh/react-performace/fullscreen#/