Include pure-render-decorator

[justin808]

If we're using Immutable.js, we should use the pure-render mixin. However, we're about to change to ES6 classes, so this seems to fit the bill.

import {Component} from 'react';
import pureRender from 'pure-render-decorator';

@pureRender
class Test extends Component {
  render() {
    return <div></div>;
  }
}

• https://facebook.github.io/react/docs/pure-render-mixin.html
• https://github.com/felixgirault/pure-render-decorator
• https://www.npmjs.com/package/pure-render-decorator
• React.js Conf 2015 - Immutable Data and React

CC: @alexfedoseev @rstudner @robwise

[robwise]

Cool! It was unclear from the React documentation, but if you use Immutable objects (which we are), do you still need to do the forceUpdate() thing because of the shallow object introspection problem? I couldn't tell if they meant you didn't need it with Immutable objects or just that Immutable objects would make forceUpdate() run faster.

[justin808]

@robwise I don't think forceUpdate() is necessary. It should just work.

[justin808]

@MaMute want to give this a try?

[marcusvmsa]

sure 👍

[marcusvmsa]

Hey guys, how can I check if a component is rendering faster or any other result of pure-render implementation?

[justin808]

@alexfedoseev @josiasds @alexfedoseev Should we be including the pure render mixin like this: https://christianalfoni.github.io/react-webpack-cookbook/Javascript-next.html

[robwise]

@justin808 @MaMute @alexfedoseev

For performance checking, see https://facebook.github.io/react/docs/perf.html