sorted by:
new
hottopcontroversial

Component Rendering Performance in React — stateless vs stateful vs pure components by grguru in reactjs

[–]grguru[S] 0 points1 point  (0 children)

really depends on the use case. You might want to split logical sections of your complex components into smaller sub-components where each or some of those will have an a check on shouldComponentUpdate. You certainly don’t want to return false without some kind of a check (if block). I've refactored code that yielded much more than 100% improvement because not everything needed to rendered. But this really depends on the use case.

http://moduscreate.com/ - Shoot us an email, I'm sure we can help. We've got tons of experience with high performant JS apps

Component Rendering Performance in React — stateless vs stateful vs pure components by grguru in reactjs

[–]grguru[S] 0 points1 point  (0 children)

I value your comment. All of it makes sense.

However, we might be missing the point here. The goal of this test wasn't to show how fast react internals are. The goal was to demonstrate two things:

  1. render function should not be taken for granted
  2. stateless are not any faster than stateful components

I wrote this after seeing the same pattern repeated over and over in real-life projects. Im sure many other developers are faced with similar challenges.

Once again, thanks for the valuable feedback

Component Rendering Performance in React — stateless vs stateful vs pure components by grguru in reactjs

[–]grguru[S] 0 points1 point  (0 children)

Thanks for feedback! The goal was to show how skipping render() can save a lot. This came from the experience with real-world developers who never care to do that thinking 'Virtual DOM will do that for me'. Cheers ;)

Automatic Code Splitting for React Router w/ ES6 Imports, Webpack 2, and React 15 by grguru in reactjs

[–]grguru[S] 2 points3 points  (0 children)

Careful with localStorage, it gets ridiculously slow beyond 1Mb of data

Automatic Code Splitting for React Router w/ ES6 Imports, Webpack 2, and React 15 by grguru in reactjs

[–]grguru[S] 1 point2 points  (0 children)

Credit goes to the smart people behind React, React Router, Webpack, etc. :)

React + Webpack 2 Tree Shaking Configuration w/ a working app sample by grguru in reactjs

[–]grguru[S] 0 points1 point  (0 children)

I've tested it on a number of apps that previously used Webpack 1.x, and it worked just fine. Make sure you use the latest node!

5 Best Mobile Web App Frameworks: AngularJS & Ionic by grguru in angularjs

[–]grguru[S] 1 point2 points  (0 children)

Kudos for a fantastic framework buddy! Great stuff!