make tippy.js an external dependency

Author: atomiks

README.md

@@ -1,6 +1,6 @@
 # @tippy.js/react
 
-React wrapper component for Tippy.js 3.
+React component for Tippy.js 3.
 
 ## Installation
 
@@ -10,7 +10,7 @@ npm i @tippy.js/react
 
 CDN: https://unpkg.com/@tippy.js/react
 
-Requires React 16.3+ and `prop-types` if using via CDN.
+Requires React 16.3+, `prop-types`, and `tippy.js` if using via CDN.
 
 ## Usage
 
@@ -65,8 +65,35 @@ const App = () => (
 ReactDOM.render(<App />, document.getElementById('root'))
 ```
 
-See the [Tippy.js docs](https://atomiks.github.io/tippyjs/) for the rest of the props
-you can supply.
+### Component as a child
+
+Use `React.forwardRef()`:
+
+```jsx
+const withForwardRef = Comp => {
+  return React.forwardRef((props, ref) => (
+    <Comp {...props} forwardedRef={ref} />
+  ))
+}
+
+const Button = withForwardRef(
+  class extends React.Component {
+    render() {
+      return <button ref={this.props.forwardedRef}>My button</button>
+    }
+  }
+)
+
+const App = () => (
+  <main>
+    <Tippy>
+      <Button />
+    </Tippy>
+  </main>
+)
+```
+
+See the [Tippy.js docs](https://atomiks.github.io/tippyjs/) for the rest of the props you can supply.
 
 ## License
 

build.js

@@ -19,17 +19,18 @@ const pluginResolve = resolve()
 const rollupConfig = (...plugins) => ({
   input: './src/Tippy.js',
   plugins: [pluginBabel, pluginResolve, ...plugins],
-  external: ['react', 'prop-types']
+  external: ['tippy.js', 'react', 'react-dom', 'prop-types']
 })
 const output = format => file => ({
   name: 'Tippy',
   format,
   file,
   sourcemap: true,
   globals: {
+    'tippy.js': 'tippy',
     react: 'React',
-    'prop-types': 'PropTypes',
-    'tippy.js': 'tippy'
+    'react-dom': 'ReactDOM',
+    'prop-types': 'PropTypes'
   }
 })
 

package.json

@@ -16,10 +16,11 @@
   },
   "dependencies": {
     "prop-types": "^15.6.2",
-    "tippy.js": "^3.0.0-beta.0"
+    "tippy.js": "^3.0.0-beta.1"
   },
   "peerDependencies": {
-    "react": ">= 16.3"
+    "react": ">=16.3",
+    "react-dom": ">=16.3"
   },
   "devDependencies": {
     "babel-jest": "^23.4.2",
@@ -28,10 +29,11 @@
     "babel-plugin-transform-object-rest-spread": "^6.26.0",
     "babel-preset-env": "^1.7.0",
     "babel-preset-react": "^6.24.1",
-    "enzyme": "^3.4.3",
-    "enzyme-adapter-react-16": "^1.2.0",
+    "enzyme": "^3.5.0",
+    "enzyme-adapter-react-16": "^1.3.1",
     "jest": "^23.5.0",
     "parcel": "^1.9.7",
+    "react": "^16.4.2",
     "react-dom": "^16.4.2",
     "rollup": "^0.64.1",
     "rollup-plugin-babel": "^3.0.7",