feat: support props check

packages/rax-create-class/package.json

@@ -21,6 +21,6 @@
   "devDependencies": {
     "rax": "^1.0.0",
     "driver-server": "^1.0.0",
-    "rax-proptypes": "^1.0.0"
+    "prop-types": "^15.7.2"
   }
 }

packages/rax-create-class/src/__tests__/createClass.js

@@ -2,7 +2,7 @@
 /* eslint react/prefer-es6-class: "off" */
 
 import { createElement, render, shared } from 'rax';
-import PropTypes from 'rax-proptypes';
+import PropTypes from 'prop-types';
 import ServerDriver from 'driver-server';
 import createClass from '../';
 

packages/rax/package.json

@@ -17,14 +17,12 @@
   },
   "types": "./index.d.ts",
   "dependencies": {
-    "driver-server": "^1.0.0",
     "@babel/runtime": "^7.2.0",
-    "rax-is-valid-element": "^1.0.0",
-    "rax-clone-element": "^1.0.0",
+    "driver-server": "^1.0.0",
     "rax-children": "^1.0.0",
-    "rax-create-factory": "^1.0.0"
-  },
-  "devDependencies": {
-    "rax-proptypes": "^1.0.0"
+    "rax-clone-element": "^1.0.0",
+    "rax-create-factory": "^1.0.0",
+    "rax-is-valid-element": "^1.0.0",
+    "prop-types": "^15.7.2"
   }
 }

packages/rax/src/vdom/__tests__/context.js

@@ -1,7 +1,7 @@
 'use strict';
 
 import Component from '../component';
-import PropTypes from 'rax-proptypes';
+import PropTypes from 'prop-types';
 import createElement from '../../createElement';
 import Host from '../host';
 import render from '../../render';

packages/rax/src/vdom/__tests__/reactive.js

@@ -2,7 +2,7 @@
 /* @jsx createElement */
 
 import Component from '../component';
-import PropTypes from 'rax-proptypes';
+import PropTypes from 'prop-types';
 import createElement from '../../createElement';
 import Host from '../host';
 import ServerDriver from 'driver-server';

packages/rax/src/vdom/element.js

@@ -1,3 +1,5 @@
+import checkPropTypes from 'prop-types/checkPropTypes';
+
 export default function Element(type, key, ref, props, owner) {
   let element = {
     // Built-in properties that belong on the element
@@ -10,6 +12,19 @@ export default function Element(type, key, ref, props, owner) {
   };
 
   if (process.env.NODE_ENV !== 'production') {
+    const propTypes = type.propTypes;
+
+    // Validate its props provided by the propTypes definition
+    if (propTypes) {
+      const displayName = type.displayName || type.name;
+      checkPropTypes(
+        propTypes,
+        props,
+        'prop',
+        displayName,
+      );
+    }
+
     // We make validation flag non-enumerable, so the test framework could ignore it
     Object.defineProperty(element, '__validated', {
       configurable: false,