react-ark-tools/templates/app/main.js

Boilerplate and tooling for JavaScript application development with React

/**
 * React App SDK (https://github.com/kriasoft/react-app)
 *
 * Copyright © 2015-present Kriasoft, LLC. All rights reserved.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE.txt file in the root directory of this source tree.
 */

import 'whatwg-fetch';
import React from 'react';
import ReactDOM from 'react-dom';
import App from './core/app'

import store from './core/store';
import Router from './core/routes'
//import router from './core/router';
//import history from './core/history';

//let routes = require('./routes.json'); // Parsed by using `utils/routes-loader.js`

const container = document.getElementById('root');

//function renderComponent(component) {
//  ReactDOM.render(<App store={store}>{component}</App>, container);
//}

ReactDOM.render(
  <App store={store}>
    <Router />
  </App>,
  container
)

// Find and render a web page matching the current URL path,
// if such page is not found then render an error page (see routes.json, core/router.js)
//function render(location) {
//  router.resolve(routes, location)
//    .then(renderComponent)
//    .catch(error => router.resolve(routes, { ...location, error }).then(renderComponent));
//}

// Handle client-side navigation by using HTML5 History API
// For more information visit https://github.com/ReactJSTraining/history/tree/master/docs#readme
//history.listen(render);
//render(history.getCurrentLocation());

// Enable Hot Module Replacement (HMR)
//if (module.hot) {
//  module.hot.accept('./routes.json', () => {
    // eslint-disable-next-line global-require, import/newline-after-import
//    routes = require('./routes.json');
//    render(history.getCurrentLocation());
//  });
//}