initial commit

Author: jimmycallin

README.md

@@ -0,0 +1,24 @@
+# react-hook-videojs
+
+Due to how video.js mutates the DOM, integrating video.js with React can be a bit tricky. Especially if you want to support video.js component updates and correctly dispose of any old player.
+
+React Hooks helps us package this quite nicely, and all you have to do to use this package is:
+
+```
+import React from "react";
+import useVideoJS from "react-hook-videojs";
+
+const App = () => {
+  const videoUrl = "http://techslides.com/demos/sample-videos/small.mp4";
+  const Player = useVideoJS({ sources: [{ src: videoUrl }] });
+  return (
+    <div className="App">
+      <Player />
+    </div>
+  );
+};
+```
+
+`useVideoJS` takes a single options argument, and passes it without modifications to video.js. See their [options reference](https://docs.videojs.com/tutorial-options.html) for further information.
+
+Many thanks to Dan Abramov for helping me figure out some issues related to `useLayoutEffect` and video.js DOM manipulation.

index.js

@@ -0,0 +1,19 @@
+export default (videoJsOptions) => {
+  const videoNode = useRef(null);
+  useLayoutEffect(
+    () => {
+      const player = videojs(videoNode.current, videoJsOptions, () => {
+        console.log("onPlayerReady", this);
+      });
+      return () => {
+        player.dispose();
+      };
+    },
+    [JSON.stringify(videoJsOptions)]
+  );
+  return () => (
+    <div data-vjs-player key={JSON.stringify(videoJsOptions)}>
+      <video ref={videoNode} className="video-js" />
+    </div>
+  );
+};

package.json

@@ -0,0 +1,23 @@
+{
+  "name": "react-hook-videojs",
+  "version": "1.0.0",
+  "description": "Easy React integration of Video.js using hooks.",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [
+    "react",
+    "hook",
+    "hooks",
+    "video.js",
+    "videojs"
+  ],
+  "peerDependencies": {
+    "react": "^16.7.0",
+    "react-dom": "^16.7.0",
+    "video.js": "^7.0.0"
+  },
+  "author": "Jimmy Callin",
+  "license": "MIT"
+}