⚛ futureRX
🚀 The futuristic stack to create universal React applications with MobX as state manager. With supporting async data fetching out of the box on server side rendering.
WARNING: This is a proof of concept running on bleeding edge libraries, it has not been running in production yet. If you do contact me.
This project aim frontend applications which are using an external API to work with data. This boilerplate does not include an API with it to fetch/persist data.
Libraries used
nodejs ^6.2 / npm ^3.9
-
react
-
css styles
- css-modules 🌟
- postcss ^5.0.21
- postcss-import ^8.1.2
- postcss-url ^5.1.2
- autoprefixer ^6.3.6
- precss ^1.4.0
- isomorphic-style-loader ^1.0.0
- Supports also global CSS for real world usage with:
-
server side rendering
-
testing tools
-
dev/building tools
Setup
$ git clone -o upstream https://github.com/iam4x/futureRX.git [myApp]
$ cd [myApp] && npm install
Run
-
dev
$ npm run dev
OR$ PORT=xxxx npm run dev
- (Append
?debugRender
to your URL to enablewhy-did-you-update
)
-
test
$ npm test
OR$ npm test -- --watch
-
build
$ NODE_ENV=production npm run build
$ NODE_ENV=production node dist/server
Update
$ git fetch upstream
$ git merge upstream/master
$ npm install
TODO
- allow override of listening ports via config (7e9ae4a)
- styles with css-modules and global styles (#1)
- test with ava and airbnb-enzyme (#2)
- webpack build config
- production server optimization
- refactor server code