0.0.2 • Published 7 years ago
rusk v0.0.2
React Universal Starter Kit
React Universal Starter Kit is an universal web application framework using express, react, redux and webpack.
Features
Really starter boilerplate with the most popular technologies:
- (https://medium.com/@mjackson/universal-javascript-4761051b7ae9#.aug1ngj77) rendering, dynamic routing, async redux reducers, async data fetching and code-splitting.
- (https://facebook.github.io/react/) as the view.
- (https://github.com/reactjs/react-router) as the router.
- (https://github.com/reactjs/redux)'s futuristic Flux implementation.
- (https://facebook.github.io/immutable-js/) provides persistent data collections which increase efficiency and simplicity.
- (https://expressjs.com/) server.
- (https://webpack.js.org/) for bundling and "Tree-Shaking" support.
- (https://babeljs.io/) for ES6 and ES7 transpiling.
- (https://github.com/gaearon/react-hot-loader) to tweak React components in real time.
- () to monitor for any changes in your node.js application and automatically restart the server.
- (https://github.com/mzabriskie/axios) for universal data fetching/rehydration on the client.
- (https://github.com/gaearon/redux-thunk) as the middleware to deal with asynchronous action.
- (https://github.com/reactjs/react-router-redux) to keep your router in sync with Redux state.
- (https://github.com/nfl/react-helmet) to manage title, meta, styles and scripts tags on both server and client.
- (https://github.com/halt-hammerzeit/webpack-isomorphic-tools) to allow require() work for statics both on client and server.
- (http://webpack.github.io/docs/webpack-dev-middleware.html) serves the files emitted from webpack over the Express server.
- () allows you to add hot reloading into the Express server.
- (https://facebook.github.io/react/docs/shallow-compare.html) for a performance boost, it works perfectly with immutable data structure.
- (https://github.com/expressjs/morgan) the HTTP request logger for server side debugging.
- (https://github.com/zalmoxisus/redux-devtools-extension) for next generation developer experience.
- (http://eslint.org/) to maintain a consistent javascript code style (Airbnb's code style).
- (http://stylelint.io/) to maintain a consistent css/scss code style.
- CSS and SASS support with PostCSS for advanced transformations (e.g. autoprefixer). CSS Modules enabled.
- Image (with image-webpack-loader for optimizing) and Font support.
- Split vendor's libraries from client bundle.
- No other view engines, just javascript based HTML rendering template.
- Shared app config between development and production.
- 404 error page and redirect handling.
- (https://karma-runner.github.io/1.0/index.html), mocha, enzyme, chai and sinon as the integrated solution for wrting unit tests.
- Testing code coverage support.
- Happypack
Requirements
Getting Started
- You can start by clone the repository on your local machine by running:
git clone https://github.com/zhongzhi107/ibaodong/cms.git
cd cms
- Install all of the npm packages:
yarn install
- Start to run it:
# development
yarn run serve # Building bundle and running development server
Now the app should be running at http://localhost:3000/
or start production server
# production
yarn run serve:dist
Now the app should be running at http://localhost:8080/
0.0.2
7 years ago