itsJASPERr / react-prime-ssr

Quickly start your server side rendering project with React Prime

React Prime SSR

---

Getting Started

$ git clone https://github.com/sandervspl/react-prime-after

$ cd react-prime-after && npm install

$ npm start (run in development mode)

Features

• Server Side Rendering with AfterJS
• Browsersync
• React
• Redux
• Redux Thunk to handle async actions
• React Router
• Express
• Babel for ES6 and ES7
• Webpack for bundling
• Redux Dev Tools for next generation DX (developer experience).
• ESLint to maintain a consistent code style
• Styled-Components
• Refer to package.json for more details

NPM Scripts

• Start develop server: $ npm start
• Create production build: $ npm run build
• Start server: $ npm run server
• Run ESLint: $ npm run lint

Deployment

Make sure all modules are installed:
$ npm install

Create a build for production, this will add a /build folder to the root with all bundles.
$ npm run build

Run the server file to start server:
$ npm run server

Development Workflow

Routes

Routes are created in src/app/routes. Routes can be loaded asynchronously with the asyncComponent function. It accepts an object { loader, placeholder } where both properties expect a function that returns a component.

Components

The components are separated in Modules and Common. Modules are bundled components which depend on each other. Common components are components that are self-contained and can be used through the entire app.

Ducks

This boilerplate uses the Ducks pattern for Redux, that means that the actionTypes, actions and reducers are bundled together in an isolated module.

Redux DevTools

To use de Redux DevTools install the Redux DevTools extension from the chrome webstore.

Roadmap

TODO