A starter kit which allows you to develop realtime applications in minutes.
- facebook/react - View
- rethinkdb/horizon - Realtime Database Sync
- flipace/horizon-react - Connect View + Data
- gaearon/react-hot-loader - Hot Reloading of React Components
- webpack/webpack - Builds & Dev-Server
$ git clone --depth=1 https://github.com/flipace/lovli.js $ cd lovli.js $ npm i
You'll need to have RethinkDB running.
$ npm start # starts app in dev mode $ npm run prod # starts server in production mode $ npm run build # builds source files in .build/ $ node .build/server.bundle.js # starts server (after you built with npm run build)
This will start a server listening on port
3000. You can change the port in
config/page.js or by setting the
PORT environment variable.
If you want to configure the props for the horizon client, you can do that by passing a configuration object as the first parameter to
source/client/containers/Root.js and the target element as the second parameter.
The props you provide there will be passed to
How to add vendor scripts and css?
Add these scripts to the static/vendor folder and they will use a different loader configuration.
How to configure data subscriptions?
Check out flipace/horizon-react for documentation of the horizon-react
Why won't the server reload?
The server won't hot reload. It would be possible to implement a restart on file change though.
Pull Requests are very welcome!
If you find any issues, please report them via Github Issues!