Introducing createReactClass

JedWatson · Apr 26, 2017 · 6722251 · 6722251
1 parent 380da1a
commit 6722251
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 3 deletions.
diff --git a/example/src/example.js b/example/src/example.js
@@ -1,8 +1,9 @@
+var createReactClass = require('create-react-class');
 var React = require('react');
 var ReactDOM = require('react-dom');
 var Tappable = require('react-tappable');
 
-var App = React.createClass({
+var App = createReactClass({
 	getInitialState: function () {
 		return {
 			scrolling: false,

diff --git a/example/src/pinch.js b/example/src/pinch.js
@@ -1,8 +1,9 @@
+var createReactClass = require('create-react-class');
 var React = require('react');
 var ReactDOM = require('react-dom');
 var Tappable = require('react-tappable');
 
-var App = React.createClass({
+var App = createReactClass({
 	getInitialState: function () {
 		return {
 			events: []

diff --git a/package.json b/package.json
@@ -10,12 +10,14 @@
     "url": "https://github.com/JedWatson/react-tappable.git"
   },
   "peerDependencies": {
+    "create-react-class": "^15.5.2",
     "prop-types": "^15.5.8",
     "react": "^0.14 || ^15.0.0-rc || ^15.0.0",
     "react-dom": "^0.14 || ^15.0.0-rc || ^15.0.0"
   },
   "devDependencies": {
     "babel-eslint": "^4.1.3",
+    "create-react-class": "^15.5.2",
     "eslint": "^1.6.0",
     "eslint-plugin-react": "^3.5.1",
     "gulp": "^3.9.1",
@@ -25,6 +27,7 @@
     "react-dom": "^0.14 || ^15.0.0-rc || ^15.0.0"
   },
   "browserify-shim": {
+    "create-react-class": "global:createReactClass",
     "prop-types": "global:PropTypes",
     "react": "global:React",
     "react-dom": "global:ReactDOM"

diff --git a/src/getComponent.js b/src/getComponent.js
@@ -1,3 +1,4 @@
+var createReactClass = require('create-react-class');
 var PropTypes = require('prop-types');
 var React = require('react');
 var touchStyles = require('./touchStyles');
@@ -7,7 +8,7 @@ var touchStyles = require('./touchStyles');
  * ==================
  */
 module.exports = function (mixins) {
-	return React.createClass({
+	return createReactClass({
 		displayName: 'Tappable',
 
 		mixins: mixins,