thomasthiebaud
diff --git a/‎docs/home.tsx‎
Lines changed: 16 additions & 0 deletions b/‎docs/home.tsx‎
Lines changed: 16 additions & 0 deletions
diff --git a/‎docs/index.html‎
Lines changed: 12 additions & 0 deletions b/‎docs/index.html‎
Lines changed: 12 additions & 0 deletions
diff --git a/‎docs/index.tsx‎
Lines changed: 9 additions & 0 deletions b/‎docs/index.tsx‎
Lines changed: 9 additions & 0 deletions
diff --git a/‎docs/webpack.dev.js‎
Lines changed: 25 additions & 0 deletions b/‎docs/webpack.dev.js‎
Lines changed: 25 additions & 0 deletions
@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+import { useComponentSize } from '../src';
+
+const Home = () => {
+  const { ref, width, height } = useComponentSize();
+
+  return (
+    <div ref={ref}>
+      <p>{width}</p>
+      <p>{height}</p>
+    </div>
+  );
+};
+
+export default Home;
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="UTF-8" />
+</head>
+
+<body>
+    <div id="docs"></div>
+</body>
+
+</html>
@@ -0,0 +1,9 @@
+import * as React from "react";
+import * as ReactDOM from "react-dom";
+
+import Home from './home';
+
+ReactDOM.render(
+    <Home />,
+    document.getElementById("docs")
+);
@@ -0,0 +1,25 @@
+// eslint-disable-next-line
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+
+module.exports = {
+  mode: 'development',
+  context: __dirname,
+  entry: './index.tsx',
+  devtool: 'source-map',
+  resolve: {
+    extensions: ['.ts', '.tsx', '.js', '.json'],
+  },
+
+  module: {
+    rules: [
+      { test: /\.tsx?$/, loader: 'awesome-typescript-loader' },
+      { enforce: 'pre', test: /\.js$/, loader: 'source-map-loader' },
+    ],
+  },
+
+  plugins: [
+    new HtmlWebpackPlugin({
+      template: 'index.html',
+    }),
+  ],
+};