Yet another boilerplate, the reason I did this is I found some other famous boilerplates contain so many codes which only for constructing the structure. I love an approach which most of the code should be related to the logic. And when you build your component, you can simply copy the file for a good start.
All latest tech stack in one go. And all come with sample code for you to start with. The sample is written for a simple ajax app rather than a TODO list. I will continue learning best practices from other good boilerplate, currently learned a lot from create-react-app
.
- client: Your front-end code
- server: Your back-end code
- config: Server settings
- packages: NPM packages settings
- public: Some front-end related static assets for building
- tests: Your test cases
- stories: Stories for your component (react storybook)
- build: Output folder for building (Will be auto cleaned before each build)
- Install the dependencies:
npm install
- Start the server:
npm run start
- Start the webpack-dev-server
npm run dev
npm run server
: Start the servernpm run dev
: Development with Hot module reloading via Webpack-dev-servernpm run dev:build
: Build project for development usage for things like debug in Webpacknpm run build
: Build project for production.npm run test
: Test via Jestnpm run storybook
: Open Storybook
- React
- React-router
- React-redux (Connect container component to redux store)
- Redux
- Redux-saga
- Reselect (An efficient selector library which works well with Redux)
- Jest
- Enzyme (to be added)
- Nightwatch (to be added)
- webpack-dev-server
- react-hot-loader
- redux-devtools (Just install this Chrome plugin)
- react-storybook (Isolated component development environment)
- Spit out the line number of components when you use React devtools in development (Disabled in production)
- Webpack
- JS/JSX
- SCSS -> PostCSS auto-prefix and flexbox prefix
- Images
- Any assets
Feathers is an awesome node.js framework which is currently a thin wrapper around Express.js with support for CORS
, Helmet
, GZip
etc and making develop rest api in a very easy manner via service and hooks. It scales well and supports for splitting your API endpoint into micro service in the future.
Babel-loader configures with env
, react
, object spread
and generator
.
0.1.0
- Initial release
- The client side example should work with feathers back end rather than Github API.
- Nightwatch for end to end testing
- Docker for deployment
- PWA support
Copyright (c) 2017 Licensed under the MIT license.