A base react component supporting Immutable state, smarter shouldComponentUpdate, and related helper methods.

BaseComponent.js

import Immutable from 'immutable';
import { Component } from 'react';
import _ from 'lodash';
import shallowEqual from 'shallowequal';

export default class BaseComponent extends Component {
	constructor() {
		super(...arguments);

		this.state = { data: this.getDefaultState() };
	}

	shouldComponentUpdate(nextProps, nextState) {
		return !shallowEqual(nextProps, this.props) || nextState.data !== this.state.data;
	}

	getDefaultState() {
		return Immutable.Map();
	}

	updateState(mutator, callback = _.noop) {
		return new Promise(resolve => {
			this.setState(state => {
				return { data: mutator(state.data) };
			}, () => {
				resolve(this.state.data);
				callback(this.state.data);
			});
		});
	}

	getState(path, defaultValue) {
		const state = this.state.data;

		if (!path) {
			return state;
		}

		return _.isArray(path) ? state.getIn(path, defaultValue) : state.get(path, defaultValue);
	}

	resetState(callback = _.noop) {
		return this.updateState(state => this.getDefaultState(), callback);
	}
}

Needs Lodash, shallowequal, and Immutable.