@25sprout/react-starter/template-simple/src/index.js

25sprout web starter with React

import 'babel-polyfill';
import 'whatwg-fetch';

import React from 'react';
import ReactDOM from 'react-dom';
import { AppContainer } from 'react-hot-loader';

// A modern alternative to CSS resets
import 'normalize.css';
// Global css setting
import './global.css';

import { ToggleButton } from './components';

ReactDOM.render(
	<AppContainer>
		<ToggleButton onOpen={() => {}} onClose={() => {}} />
	</AppContainer>,
	document.getElementById('content'),
);

if (module.hot) {
	module.hot.accept('./components', () => {
		const NewToggleButton = require('./components').ToggleButton; // eslint-disable-line global-require
		ReactDOM.render(
			<AppContainer>
				<NewToggleButton onOpen={() => {}} onClose={() => {}} />
			</AppContainer>,
			document.getElementById('content'),
		);
	});
}