Front Stack Boilerplate

The boilerplate we are using build awesome web native applications.

There is a client application in /source and test server in /server folders.

Installation

Install dependencies,

$ npm install

Run build,

$ npm run build

Launch application,

$ npm start

Open in browser,

$ open http://localhost:3000

Project Structure

The sources of application is located in /source folder. The distributive version will be placed to /public folder after build. Normally, you should always use development configuration and build public version right before the deployment.

/source/index.html

The index.html file, references some CDN resources, fonts, 3rd party CSS files.

/source/router

The entry point of application. Initializes router and renders the application to #main div.

/source/containers

The smart components of application. Setting up the layout of components and manage the state.

/source/components

The dump components, with own style, initialized via properties, stateless.

/source/actions

The redux/actions related code.

/source/reducers

The redux/reducers related code.

Materials

• Front-end Engineering Stack
• Setting Up Webpack for React and Hot Module Replacement
• Survive.js
• Atomic Web Design
• Smart and Dumb components

Inspired from

• emmenko/redux-react-router-async-example
• joshgeller/react-redux-jwt-auth-example

Libraries and Tools

• Babel
• React
• Redux
• ReduxRouter
• ReduxThunk
• Webpack
• ESLint

License

MIT [email protected]