From f012397a2f15eff64ab1b05e0ce911d6ce68b159 Mon Sep 17 00:00:00 2001
From: Nikolay Kostyurin <JiLiZART@Gmail.com>
Date: Tue, 2 Oct 2018 00:38:16 +0200
Subject: [PATCH] chore: readme

---
 README.md | 43 +++++++++++++++++++++++++++++++++++++++----
 1 file changed, 39 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index ed6df69..9c0a6b7 100644
--- a/README.md
+++ b/README.md
@@ -100,17 +100,52 @@ console.log(bbob(preset()).process(`[quote]Text[/quote]`, { render }).html) // <
 Also you can use predefined preset for HTML
 
 ```js
+import html5Preset from '@bbob/preset-html5'
+import { render } from '@bbob/html'
+import bbob from '@bbob/core'
 
+console.log(bbob(html5Preset()).process(`[quote]Text[/quote]`, { render }).html) // <blockquote><p>Text</p></blockquote>
 ```
 
 #### React Preset <a name="react-preset"></a>
 
+Also you can use predefined preset for React
+
+```js
+import reactPreset from '@bbob/preset-react'
+import { render } from '@bbob/react'
+import bbob from '@bbob/core'
+
+console.log(bbob(reactPreset()).process(`[quote]Text[/quote]`, { render }).html) 
+/* It produces a VDOM Nodes equal to
+  React.createElement('blockquote', React.createElement('p', 'Text'))
+*/
+```
+
 ### React usage <a name="react"></a>
 
-### Component <a name="react-component"></a>
+#### Component <a name="react-component"></a>
 
-### Render prop <a name="react-render"></a>
+Or you can use React Component
 
-## PostHTML usage <a name="posthtml"></a>
+```jsx
+import React from 'react'
+import { render } from 'react-dom'
 
-## Create Plugin <a name="plugin"></a>
+import BBCode from '@bbob/react'
+import reactPreset from '@bbob/preset-react'
+
+const MyComponent = () => (
+  <BBCode plugins={[reactPreset()]}>
+    [quote]Text[/quote]
+  </BBCode>
+)
+
+render(<MyComponent />) // <div><blockquote><p>Text</p></blockquote></div>
+```
+
+#### Render prop <a name="react-render"></a>
+
+### PostHTML usage <a name="posthtml"></a>
+
+### Create Plugin <a name="plugin"></a>