Code Monkey home page Code Monkey logo

react-ssr-code-split-hmr-boilerplate's Introduction

Starter

Starter is a react ssr enabled starter kit (SSR | Universal | Isomorphic).

Build Status dependencies Status devDependencies Status

Features

  • HMR (Hot Module Replace) enabled (Even SSR Enabled) in dev mode (Cool as shit.)
  • React Hot Loader 4
  • React Router V4
  • React Redux
  • Redux Thunk
  • Express as Server
  • Server Side Rendering Enabled
  • Code Splitting using React-Loadable
  • 404 Error codes handling
  • No other view engines only JS (React) based view engine. Even on server side.
  • Auto restart ssr proxy server on code change.
  • ESLint for following better coding standards
  • Import static images inside JS. (file-loader)

Note: This starter is not for those who are new to React.js. In other words it is only for those who knows react well and who wants to create react apps with Server Side Rendering

Usage

Starter requires Node.js v6+ to run.

Clone this repo

$ git clone https://github.com/ItsMrAkhil/starter

Install the dependencies and devDependencies and start the server.

$ cd starter
$ npm install
$ npm start

For production environment

$ npm run start:production

For generators (Try this magic. It'll be cool)

$ npm run generate

Todos

  • Add Jest and Enzyme Testing (Need to add testing to all components)
  • Separate common webpack configurations from webpack config files. And use webpack merge to combine all with the base config (PR Welcome)
  • Make Reducers also lazy. Load reducers which are required for the particular route. (PR Welcome, Help required.)

License

MIT

Free Software, F##k Yeah!

react-ssr-code-split-hmr-boilerplate's People

Contributors

itsmrakhil avatar

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.