Created
January 24, 2018 10:48
-
-
Save siakaramalegos/e8a7d8affb1e2b56f8d156cc7ab0e379 to your computer and use it in GitHub Desktop.
Lightning Fast React Apps - slides and resources from my presentation at Agent Conf
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
# Lightning Fast React Apps | |
## Slides | |
If you attended my talk, and want to find the slides, you can check them out [here](https://speakerdeck.com/siakaramalegos/lightning-fast-react-apps). Here are all the extra resources I shared in that presentation: | |
## Resources | |
### Slide resources and extra reading | |
Resouces linked in presented slides, but not in the resource list slide. | |
- [The need for mobile speed: How mobile latency impacts publisher revenue](https://www.doubleclickbygoogle.com/articles/mobile-speed-matters/) by DoubleClick | |
- [Spread syntax](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_operator) documentation by MDN | |
- [Immutable.js](https://facebook.github.io/immutable-js/) | |
- [React Virtualized](https://bvaughn.github.io/react-virtualized/#/components/List) package for windowing lists | |
### Chrome DevTools | |
- [Debugging React performance with React 16 and Chrome Devtools](https://building.calibreapp.com/debugging-react-performance-with-react-16-and-chrome-devtools-c90698a522ad) by Ben Schwarz | |
- [Real time performance audit with Chrome DevTools](https://forwardcourses.com/lectures/91), lecture and demo by Jon Kuperman | |
- [Chrome DevTools docs](https://developers.google.com/web/tools/chrome-devtools/) by Google | |
- [Analyzing Network Performance](https://developers.google.com/web/tools/chrome-devtools/network-performance/) by Kayce Basques at Google | |
- [Analyzing Runtime Performance](https://developers.google.com/web/tools/chrome-devtools/evaluate-performance/) by Kayce Basques at Google | |
### Webpack | |
- [Build Analysis]() on SurviveJS by Juho Vepsäläinen | |
- [High-performance webpack config for front-end delivery](https://www.codementor.io/drewpowers/high-performance-webpack-config-for-front-end-delivery-90sqic1qa) by Drew Powers | |
- [Loading images](https://survivejs.com/webpack/loading/images/) SurviveJS by Juho Vepsäläinen | |
### Responsive Images | |
- [Responsive Images](https://developers.google.com/web/fundamentals/design-and-ux/responsive/images) by Pete LePage at Google | |
- [Responsive images](https://eu.udacity.com/course/responsive-images--ud882) **free** course by Google & Udacity - a bit basic at first, and uses Gulp (ugh), but still good on fundamentals | |
- [Automating image optimization](https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/automating-image-optimization/) by Addy Osmani at Google **bonus** | |
- [Loading images](https://survivejs.com/webpack/loading/images/) (webpack) SurviveJS by Juho Vepsäläinen | |
### React + Redux Performance | |
- [Optimizing Performance](https://reactjs.org/docs/optimizing-performance.html), [Reconciliation](https://facebook.github.io/react/docs/reconciliation.html), [Performance Tools](https://facebook.github.io/react/docs/perf.html), [PureComponent](https://facebook.github.io/react/docs/react-api.html#react.purecomponent) official docs by Facebook | |
- [Debugging React performance with React 16 and Chrome Devtools](https://building.calibreapp.com/debugging-react-performance-with-react-16-and-chrome-devtools-c90698a522ad) by Ben Schwarz | |
- [Never Bind in Render](https://ryanfunduk.com/articles/never-bind-in-render/) by Ryan Funduk | |
- [Don't Use Bind When Passing Props](https://daveceddia.com/avoid-bind-when-passing-props/) by Dave Ceddia | |
- [9 things every React.js beginner should know](https://camjackson.net/post/9-things-every-reactjs-beginner-should-know) by Cam Jackson - opinionated but some great tips | |
- [What are the benefits of immutability?](http://redux.js.org/docs/faq/ImmutableData.html#benefits-of-immutability) | |
- [Pros and Cons of using immutability with React.js](http://reactkungfu.com/2015/08/pros-and-cons-of-using-immutability-with-react-js/) | |
- [Reselect npm package](https://github.com/reactjs/reselect), by the React Community | |
- [React/Redux Performance Tuning Tips](https://medium.com/@arikmaor/react-redux-performance-tuning-tips-cef1a6c50759) by Arik Maor | |
## Social Media | |
You can follow me on [Twitter](https://twitter.com/thegreengreek) and [Medium](https://medium.com/@thegreengreek)! |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment