Add development setup to demo

Author: rvsia

packages/react-renderer-demo/src/common/documenation-pages.js

@@ -5,6 +5,9 @@ export const docs = [{
     link: '/live-editor',
     label: 'Live Form Editor',
   },
+}, {
+  component: 'development-setup',
+  linkText: 'Development setup',
 }, {
   component: 'get-started',
   linkText: 'Getting started',

packages/react-renderer-demo/src/docs-components/development-setup.md

@@ -0,0 +1,72 @@
+### Development setup
+
+Data Driven Forms is a monorepo which uses [Lerna](https://github.com/lerna/lerna), so you can use all its commands as well.
+
+#### Install
+
+```console
+yarn install
+```
+
+#### Build
+
+```console
+yarn build
+```
+
+All packages are linked together by default, so if you run a `yarn build` in a package, all other packages are updated to the latest version of that package.
+
+Don't forget to build all packages, which are linked together!
+
+#### Run a package
+
+Each package has a small playground `package/demo`, where you can test your changes.
+
+```console
+cd packages/pf3-component-mapper
+yarn start
+```
+
+#### How to clean?
+
+```console
+rm yarn.lock
+yarn lerna clean # will delete all node_modules
+```
+
+### Tests
+
+Tests needed to be run from the core folder.
+
+```console
+yarn test
+
+yarn test packages/pf3-component-mapper
+```
+
+### Commits
+
+Data Driven Forms uses [Semantic Release](https://github.com/semantic-release/commit-analyzer)
+
+Format:
+
+```
+[type]([package]): message
+
+fix(pf3): title accepts node
+```
+
+Types:
+- `feat`: a new feature, will trigger new `_.X._` release
+- `fix`: a fix, will trigger new `_._.X` release
+
+Packages:
+- Please describe which package is being changed `pf3`, `renderer`, ...
+
+Please, do not use Semantic Release, if you update only the demo.
+
+All packages are releasing together and they share the version number.
+
+### Changes to documentation
+
+If your changes influence API or add new features, you should describe these new options in the `demo` repository. Thanks!