Skip to content

Instantly share code, notes, and snippets.

@siakaramalegos
Created January 24, 2018 10:48
Show Gist options
  • Save siakaramalegos/e8a7d8affb1e2b56f8d156cc7ab0e379 to your computer and use it in GitHub Desktop.
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
# 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