add React Beautiful DnD Example to README.md (#62)

Author: shirbr510

README.md

@@ -79,47 +79,7 @@ const MyForm = () => (
 <!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
 <!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
 
-- [Examples](#examples)
-  - [Simple Example](#simple-example)
-- [Rendering](#rendering)
-- [API](#api)
-  - [`FieldArray : React.ComponentType<FieldArrayProps>`](#fieldarray--reactcomponenttypefieldarrayprops)
-  - [`version: string`](#version-string)
-- [Types](#types)
-  - [`FieldArrayProps`](#fieldarrayprops)
-    - [`children?: ((props: FieldArrayRenderProps) => React.Node) | React.Node`](#children-props-fieldarrayrenderprops--reactnode--reactnode)
-    - [`component?: React.ComponentType<FieldArrayRenderProps>`](#component-reactcomponenttypefieldarrayrenderprops)
-    - [`name: string`](#name-string)
-    - [`render?: (props: FieldArrayRenderProps) => React.Node`](#render-props-fieldarrayrenderprops--reactnode)
-    - [`isEqual?: (allPreviousValues: Array<any>, allNewValues: Array<any>) => boolean`](#isequal-allpreviousvalues-arrayany-allnewvalues-arrayany--boolean)
-    - [`subscription?: FieldSubscription`](#subscription-fieldsubscription)
-    - [`validate?: (value: ?any[], allValues: Object) => ?any`](#validate-value-any-allvalues-object--any)
-  - [`FieldArrayRenderProps`](#fieldarrayrenderprops)
-    - [`fields.forEach: (iterator: (name: string, index: number) => void) => void`](#fieldsforeach-iterator-name-string-index-number--void--void)
-    - [`fields.insert: (index: number, value: any) => void`](#fieldsinsert-index-number-value-any--void)
-    - [`fields.map: (iterator: (name: string, index: number) => any) => any[]`](#fieldsmap-iterator-name-string-index-number--any--any)
-    - [`fields.move: (from: number, to: number) => void`](#fieldsmove-from-number-to-number--void)
-    - [`fields.name: string`](#fieldsname-string)
-    - [`fields.pop: () => any`](#fieldspop---any)
-    - [`fields.push: (value: any) => void`](#fieldspush-value-any--void)
-    - [`fields.remove: (index: number) => any`](#fieldsremove-index-number--any)
-    - [`fields.shift: () => any`](#fieldsshift---any)
-    - [`fields.swap: (indexA: number, indexB: number) => void`](#fieldsswap-indexa-number-indexb-number--void)
-    - [`fields.update: (index: number, value: any) => void`](#fieldsupdate-index-number-value-any--void)
-    - [`fields.unshift: (value: any) => void`](#fieldsunshift-value-any--void)
-    - [`meta.active?: boolean`](#metaactive-boolean)
-    - [`meta.data: Object`](#metadata-object)
-    - [`meta.dirty?: boolean`](#metadirty-boolean)
-    - [`meta.error?: any`](#metaerror-any)
-    - [`meta.initial?: any`](#metainitial-any)
-    - [`meta.invalid?: boolean`](#metainvalid-boolean)
-    - [`meta.pristine?: boolean`](#metapristine-boolean)
-    - [`meta.submitError?: any`](#metasubmiterror-any)
-    - [`meta.submitFailed?: boolean`](#metasubmitfailed-boolean)
-    - [`meta.submitSucceeded?: boolean`](#metasubmitsucceeded-boolean)
-    - [`meta.touched?: boolean`](#metatouched-boolean)
-    - [`meta.valid?: boolean`](#metavalid-boolean)
-    - [`meta.visited?: boolean`](#metavisited-boolean)
+
 
 <!-- END doctoc generated TOC please keep comment here to allow auto update -->
 
@@ -130,6 +90,10 @@ const MyForm = () => (
 Demostrates how to use `<FieldArray/>` to render an array of inputs, as well as
 use `push`, `pop`, and `remove` mutations.
 
+### [React Beautiful DnD Example](https://codesandbox.io/s/8k0ykyr7z9)
+
+Demostrates how to integrate the simple example with [react-beautiful-dnd](https://github.com/atlassian/react-beautiful-dnd)
+
 ## Rendering
 
 There are three ways to tell `<FieldArray/>` what to render: