dev-toolkit/dist/generated-templates/original/minimal/src/client/index.js

Universal Development Toolkit for React Veterans

// NOTE: This File is only run on the client only.
// The server imports `RootComponent` directly.
import React from 'react';
import { hydrate, render } from 'react-dom';
import { isDev } from 'dev-toolkit/settings';

// We're only using pre-rendering. We therefore render normally in development.
const renderMethod = isDev ? render : hydrate;
const hotReRender = () => {
  // Dynamically require module inline for hot-reloading
  import('./RootComponent').then(module => {
    const RootComponent = module.default;
    // Render the newly required module to the DOM
    renderMethod(<RootComponent />, document.querySelector('[data-jshook~="app-body"]'));
  });
};

// Start the app by rendering it for the first time
hotReRender();

// Support hot-reloading of components by rerendering using webpack's included HMR.
// HMR stands for "Hot-Module-Replacement", sometimes referred as "vanilla HMR"
if (module.hot) {
  // After accepting the new module from webpack, we rerender on the next tick
  module.hot.accept('./RootComponent', () => setTimeout(hotReRender));
}