ReSpace is a development environent (IDE) built upon Mobx and React based components.
Each ReSpace component is:
- An NPM package.
- Can be used standalone on its own by feeding Mobx observable.
- Written in TypeScript and typechecked to a common interface.
- Can be headless or have a React component that is injected with Mobx observable.
While each ReSpace component is useful on its own, the power of ReSpace is its ability t put together components into a workspace.
The package respace
in packages/respace
creates a workspace from ReSpace components.
You can use your own webpack configuration to creae a space efficient Respace bundle. Or you can use ours! Respace comes with a CLI that can help you generate your own bundle.
$ npm install respace-cli -g
$ respace bundle your-respace-project
This is recommended if your bundle is simple and uses similar language as ours. This method of bundling supports TypeScript, ES6, and SCSS.
$ node -v # We use > 5
$ npm -v # We use > 3
$ npm install lerna@^2.0.0-beta typings -g
$ npm run bootstrap
$ npm install
$ npm link
$ respace serve packages/respace-preset-nus
$ respace build-all
$ respace build respace-core # For single component
Cleaning up
$ npm run clean
MIT