Giter Site home page Giter Site logo

falloutchonny / react-starter-boilerplate Goto Github PK

View Code? Open in Web Editor NEW
8.0 4.0 2.0 582 KB

A starter kit for universal react app, this project is extends from ejected create-react-app, that has rich features and focus on performance: SEO-Ready, Production-Ready, SSR, Hot-Reload, CSS-in-JS, Code Splitting, Long-term Caching and more...

Home Page: https://react-starter-boilerplate-wdtbmknbib.now.sh/

License: MIT License

JavaScript 98.70% HTML 1.30%
react redux redux-saga react-router-v4 styled-components isomorphic-starter-kit eslint prettier universal code-splitting

react-starter-boilerplate's Introduction

Hi there ๐Ÿ‘‹

A frontend developer and code enthusiast.

Blog | Email

react-starter-boilerplate's People

Contributors

falloutchonny avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

react-starter-boilerplate's Issues

SSR Issue

Warning: Did not expect server HTML to contain a <div> in <div>.

getting this error when i run dev server

react-loadable is not work

import React from 'react';
import Loadable from 'react-loadable';

import App from './containers/App';
import About from './containers/About';
import NotFound from './containers/NotFound';

const Loading = (props) => {
  console.log(props);
  return <div>Loading...</div>;
};

const LoadableHome = Loadable({
  loader: () => System.import(/* webpackChunkName: 'Home' */'./containers/Home'),
  loading: Loading,
});

export default function createRoutes(/* store */) {
  return [
    {
      component: App,
      routes: [
        {
          path: '/',
          exact: true,
          component: LoadableHome,
        },
        {
          path: '/about',
          component: About,
        },
        {
          path: '*',
          component: NotFound,
        },
      ],
    },
  ];
}

the code splitting is not worked, why?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.