docs: use codesandbox links for javascript example source

react-dnd · Mar 27, 2019 · c58d331 · c58d331
1 parent 6c9eaa2
commit c58d331
Show file tree

Hide file tree

Showing 17 changed files with 17 additions and 17 deletions.
diff --git a/packages/documentation/markdown/examples/chessboard/tutorial.md b/packages/documentation/markdown/examples/chessboard/tutorial.md
@@ -3,7 +3,7 @@ path: '/examples/tutorial'
 title: 'Tutorial'
 ---
 
-[JavaScript](https://github.com/react-dnd/react-dnd/tree/gh-pages/examples_js/00-chessboard/)
+[JavaScript](https://codesandbox.io/s/github/react-dnd/react-dnd/tree/gh-pages/examples_js/00-chessboard/)
 [TypeScript](https://github.com/react-dnd/react-dnd/tree/master/packages/examples/src/00-chessboard/)
 
 This is a sample app you'll build as you work through the [tutorial](/docs/tutorial)

diff --git a/packages/documentation/markdown/examples/customize/drop-effects.md b/packages/documentation/markdown/examples/customize/drop-effects.md
@@ -3,7 +3,7 @@ path: '/examples/customize/drop-effects'
 title: 'Drop Effects'
 ---
 
-[JavaScript](https://github.com/react-dnd/react-dnd/tree/gh-pages/examples_js/05-customize/drop-effects)
+[JavaScript](https://codesandbox.io/s/github/react-dnd/react-dnd/tree/gh-pages/examples_js/05-customize/drop-effects)
 [TypeScript](https://github.com/react-dnd/react-dnd/tree/master/packages/examples/src/05-customize/drop-effects)
 
 Some browsers let you specify the “drop effects” for the draggable

diff --git a/packages/documentation/markdown/examples/customize/handles-and-previews.md b/packages/documentation/markdown/examples/customize/handles-and-previews.md
@@ -3,7 +3,7 @@ path: '/examples/customize/handles-and-previews'
 title: 'Handles and Previews'
 ---
 
-[JavaScript](https://github.com/react-dnd/react-dnd/tree/gh-pages/examples_js/05-customize/handles-and-previews)
+[JavaScript](https://codesandbox.io/s/github/react-dnd/react-dnd/tree/gh-pages/examples_js/05-customize/handles-and-previews)
 [TypeScript](https://github.com/react-dnd/react-dnd/tree/master/packages/examples/src/05-customize/handles-and-previews)
 
 React DnD lets you choose the draggable node, as well as the drag

diff --git a/packages/documentation/markdown/examples/drag-around/custom-drag-layer.md b/packages/documentation/markdown/examples/drag-around/custom-drag-layer.md
@@ -3,7 +3,7 @@ path: '/examples/drag-around/custom-drag-layer'
 title: 'Custom Drag Layer'
 ---
 
-[JavaScript](https://github.com/react-dnd/react-dnd/tree/gh-pages/examples_js/02-drag-around/custom-drag-layer)
+[JavaScript](https://codesandbox.io/s/github/react-dnd/react-dnd/tree/gh-pages/examples_js/02-drag-around/custom-drag-layer)
 [TypeScript](https://github.com/react-dnd/react-dnd/tree/master/packages/examples/src/02-drag-around/custom-drag-layer)
 
 The browser APIs provide no way to change the drag preview or its

diff --git a/packages/documentation/markdown/examples/drag-around/naive.md b/packages/documentation/markdown/examples/drag-around/naive.md
@@ -3,7 +3,7 @@ path: '/examples/drag-around/naive'
 title: 'Naive'
 ---
 
-[JavaScript](https://github.com/react-dnd/react-dnd/tree/gh-pages/examples_js/02-drag-around/naive)
+[JavaScript](https://codesandbox.io/s/github/react-dnd/react-dnd/tree/gh-pages/examples_js/02-drag-around/naive)
 [TypeScript](https://github.com/react-dnd/react-dnd/tree/master/packages/examples/src/02-drag-around/naive)
 
 This example naively relies on browser drag and drop implementation

diff --git a/packages/documentation/markdown/examples/dustbin/copy-or-move.md b/packages/documentation/markdown/examples/dustbin/copy-or-move.md
@@ -3,7 +3,7 @@ path: '/examples/dustbin/copy-or-move'
 title: 'Copy or Move'
 ---
 
-[JavaScript](https://github.com/react-dnd/react-dnd/tree/gh-pages/examples_js/01-dustbin/copy-or-move)
+[JavaScript](https://codesandbox.io/s/github/react-dnd/react-dnd/tree/gh-pages/examples_js/01-dustbin/copy-or-move)
 [TypeScript](https://github.com/react-dnd/react-dnd/tree/master/packages/examples/src/01-dustbin/copy-or-move)
 
 This example demonstrates drop targets that can accept copy and move

diff --git a/packages/documentation/markdown/examples/dustbin/iframe.md b/packages/documentation/markdown/examples/dustbin/iframe.md
@@ -3,7 +3,7 @@ path: '/examples/dustbin/iframe'
 title: 'iframe'
 ---
 
-[JavaScript](https://github.com/react-dnd/react-dnd/tree/gh-pages/examples_js/01-dustbin/single-target-in-iframe)
+[JavaScript](https://codesandbox.io/s/github/react-dnd/react-dnd/tree/gh-pages/examples_js/01-dustbin/single-target-in-iframe)
 [TypeScript](https://github.com/react-dnd/react-dnd/tree/master/packages/examples/src/01-dustbin/single-target-in-iframe)
 
 This is the same simple example, but nested in an iframe.

diff --git a/packages/documentation/markdown/examples/dustbin/multiple-targets.md b/packages/documentation/markdown/examples/dustbin/multiple-targets.md
@@ -3,7 +3,7 @@ path: '/examples/dustbin/multiple-targets'
 title: 'Multiple Targets'
 ---
 
-[JavaScript](https://github.com/react-dnd/react-dnd/tree/gh-pages/examples_js/01-dustbin/multiple-targets)
+[JavaScript](https://codesandbox.io/s/github/react-dnd/react-dnd/tree/gh-pages/examples_js/01-dustbin/multiple-targets)
 [TypeScript](https://github.com/react-dnd/react-dnd/tree/master/packages/examples/src/01-dustbin/multiple-targets)
 
 This is a slightly more interesting example.

diff --git a/packages/documentation/markdown/examples/dustbin/single-target.md b/packages/documentation/markdown/examples/dustbin/single-target.md
@@ -3,7 +3,7 @@ path: '/examples/dustbin/single-target'
 title: 'Single Target'
 ---
 
-[JavaScript](https://github.com/react-dnd/react-dnd/tree/gh-pages/examples_js/01-dustbin/single-target)
+[JavaScript](https://codesandbox.io/s/github/react-dnd/react-dnd/tree/gh-pages/examples_js/01-dustbin/single-target)
 [TypeScript](https://github.com/react-dnd/react-dnd/tree/master/packages/examples/src/01-dustbin/single-target)
 
 This is the simplest example of drag and drop.

diff --git a/packages/documentation/markdown/examples/dustbin/stress-test.md b/packages/documentation/markdown/examples/dustbin/stress-test.md
@@ -3,7 +3,7 @@ path: '/examples/dustbin/stress-test'
 title: 'Stress Test'
 ---
 
-[JavaScript](https://github.com/react-dnd/react-dnd/tree/gh-pages/examples_js/01-dustbin/stress-test)
+[JavaScript](https://codesandbox.io/s/github/react-dnd/react-dnd/tree/gh-pages/examples_js/01-dustbin/stress-test)
 [TypeScript](https://github.com/react-dnd/react-dnd/tree/master/packages/examples/src/01-dustbin/stress-test)
 
 This example is similar to the previous one, but props of both the

diff --git a/packages/documentation/markdown/examples/nesting/drag-sources.md b/packages/documentation/markdown/examples/nesting/drag-sources.md
@@ -3,7 +3,7 @@ path: '/examples/nesting/drag-sources'
 title: 'Drag Sources'
 ---
 
-[JavaScript](https://github.com/react-dnd/react-dnd/tree/gh-pages/examples_js/03-nesting/drag-sources)
+[JavaScript](https://codesandbox.io/s/github/react-dnd/react-dnd/tree/gh-pages/examples_js/03-nesting/drag-sources)
 [TypeScript](https://github.com/react-dnd/react-dnd/tree/master/packages/examples/src/03-nesting/drag-sources)
 
 You can nest the drag sources in one another. If a nested drag source

diff --git a/packages/documentation/markdown/examples/nesting/drop-targets.md b/packages/documentation/markdown/examples/nesting/drop-targets.md
@@ -3,7 +3,7 @@ path: '/examples/nesting/drop-targets'
 title: 'Drop Targets'
 ---
 
-[JavaScript](https://github.com/react-dnd/react-dnd/tree/gh-pages/examples_js/03-nesting/drop-targets)
+[JavaScript](https://codesandbox.io/s/github/react-dnd/react-dnd/tree/gh-pages/examples_js/03-nesting/drop-targets)
 [TypeScript](https://github.com/react-dnd/react-dnd/tree/master/packages/examples/src/03-nesting/drop-targets)
 
 Drop targets can, too, be nested in one another. Unlike the drag

diff --git a/packages/documentation/markdown/examples/other/drag-source-rerender.md b/packages/documentation/markdown/examples/other/drag-source-rerender.md
@@ -3,7 +3,7 @@ path: '/examples/other/drag-source-rerender'
 title: 'Drag Source Rerender'
 ---
 
-[JavaScript](https://github.com/react-dnd/react-dnd/tree/gh-pages/examples_js/06-other/drag-source-rerender)
+[JavaScript](https://codesandbox.io/s/github/react-dnd/react-dnd/tree/gh-pages/examples_js/06-other/drag-source-rerender)
 [TypeScript](https://github.com/react-dnd/react-dnd/tree/master/packages/examples/src/06-other/drag-source-rerender)
 
 Regression example using a drop target that's connected as a child

diff --git a/packages/documentation/markdown/examples/other/native-files.md b/packages/documentation/markdown/examples/other/native-files.md
@@ -3,7 +3,7 @@ path: '/examples/other/native-files'
 title: 'Native Files'
 ---
 
-[JavaScript](https://github.com/react-dnd/react-dnd/tree/gh-pages/examples_js/06-other/native-files)
+[JavaScript](https://codesandbox.io/s/github/react-dnd/react-dnd/tree/gh-pages/examples_js/06-other/native-files)
 [TypeScript](https://github.com/react-dnd/react-dnd/tree/master/packages/examples/src/06-other/native-files)
 
 Example demonstrating drag and drop of native files.

diff --git a/packages/documentation/markdown/examples/sortable/cancel-on-drop-outside.md b/packages/documentation/markdown/examples/sortable/cancel-on-drop-outside.md
@@ -3,7 +3,7 @@ path: '/examples/sortable/cancel-on-drop-outside'
 title: 'Cancel on Drop Outside'
 ---
 
-[JavaScript](https://github.com/react-dnd/react-dnd/tree/gh-pages/examples_js/04-sortable/cancel-on-drop-outside)
+[JavaScript](https://codesandbox.io/s/github/react-dnd/react-dnd/tree/gh-pages/examples_js/04-sortable/cancel-on-drop-outside)
 [TypeScript](https://github.com/react-dnd/react-dnd/tree/master/packages/examples/src/04-sortable/cancel-on-drop-outside)
 
 Because you write the logic instead of using the ready-made components,

diff --git a/packages/documentation/markdown/examples/sortable/simple.md b/packages/documentation/markdown/examples/sortable/simple.md
@@ -3,7 +3,7 @@ path: '/examples/sortable/simple'
 title: 'Simple'
 ---
 
-[JavaScript](https://github.com/react-dnd/react-dnd/tree/gh-pages/examples_js/04-sortable/Simple)
+[JavaScript](https://codesandbox.io/s/github/react-dnd/react-dnd/tree/gh-pages/examples_js/04-sortable/Simple)
 [TypeScript](https://github.com/react-dnd/react-dnd/tree/master/packages/examples/src/04-sortable/Simple)
 
 It is easy to implement a sortable interface with React DnD. Just make

diff --git a/packages/documentation/markdown/examples/sortable/stress-test.md b/packages/documentation/markdown/examples/sortable/stress-test.md
@@ -3,7 +3,7 @@ path: '/examples/sortable/stress-test'
 title: 'Stress Test'
 ---
 
-[JavaScript](https://github.com/react-dnd/react-dnd/tree/gh-pages/examples_js/04-sortable/stress-test)
+[JavaScript](https://codesandbox.io/s/github/react-dnd/react-dnd/tree/gh-pages/examples_js/04-sortable/stress-test)
 [TypeScript](https://github.com/react-dnd/react-dnd/tree/master/packages/examples/src/04-sortable/stress-test)
 
 How many items can React DnD handle at the same time? There are a