From ff3d669172485815e50be209d16cc9c37f48567a Mon Sep 17 00:00:00 2001
From: David Konsumer <konsumer@jetboystudio.com>
Date: Fri, 18 Oct 2019 16:39:22 -0700
Subject: [PATCH] more context examples

---
 README.md | 53 +++++++++++++++++++++++++++++++++++++++++++++++++----
 1 file changed, 49 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index 6d2987c9..7cdd3f87 100644
--- a/README.md
+++ b/README.md
@@ -269,16 +269,61 @@ const App: React.FC = () => {
 }
 ```
 
+## Using context
+
+If you need to do something fancy with `scene`, `canvas`, or `engine`, there are a few ways:
+
+### react hooks
+
 ```jsx
 // use Hooks to get engine/canvas/scene 
-import { useBabylonEngine, useBabylonCanvas, useBabylonScene } from 'react-react-babylonjs'
+import { useBabylonEngine, useBabylonCanvas, useBabylonScene } from 'react-babylonjs'
 
 // later inside a functional component:
-const engine = useBabylonEngine()
-const canvas = useBabylonCanvas()
-const scene = useBabylonScene()
+
+export default () => {
+  const engine = useBabylonEngine()
+  const canvas = useBabylonCanvas()
+  const scene = useBabylonScene()
+  console.log({ engine, canvas, scene })
+  
+  return (
+    <div>See console</div>
+  )
+}
+
 ````
 
+### HOC
+
+```jsx
+import { withBabylonJS, withScene } from 'react-babylonjs'
+
+const DemoComponent = ({ scene, engine, canvas }} => {
+  console.log({ scene, engine, canvas })
+  return (
+    <div>See console</div>
+  )
+}
+
+export default withBabylonJS(withScene(DemoComponent))
+```
+
+### direct consmuer
+
+```jsx
+import { WithSceneContext } from 'react-babylonjs'
+
+const DemoComponent = ({ scene }} => {
+  const engine = scene.getEngine()
+  const canvas = engine.getCanvas()
+  console.log({ scene, engine, canvas })
+  return (
+    <div>See console</div>
+  )
+}
+export default withBabylonJS(withScene(DemoComponent))
+```
 
 ## Major Release History
 > v1.0.0 (2018-11-29) - Add code generation, HoC, context provider