rebase facebook#6345 and fix lint issue

Author: Sumei

src/isomorphic/classic/element/ReactElement.js

@@ -12,7 +12,7 @@
 'use strict';
 
 var ReactCurrentOwner = require('ReactCurrentOwner');
-
+var ReactDOMInstrumentation = require('ReactDOMInstrumentation');
 var warning = require('warning');
 var canDefineProperty = require('canDefineProperty');
 
@@ -152,6 +152,12 @@ ReactElement.createElement = function(type, config, children) {
     }
   }
 
+  if (__DEV__) {
+    for (propName in config) {
+      ReactDOMInstrumentation.debugTool.onCreateElement(propName);
+    }
+  }
+
   // Children can be more than one argument, and those are transferred onto
   // the newly allocated props object.
   var childrenLength = arguments.length - 2;

src/renderers/dom/shared/DOMPropertyOperations.js

@@ -12,7 +12,6 @@
 'use strict';
 
 var DOMProperty = require('DOMProperty');
-var ReactDOMInstrumentation = require('ReactDOMInstrumentation');
 var ReactPerf = require('ReactPerf');
 
 var quoteAttributeValueForBrowser = require('quoteAttributeValueForBrowser');
@@ -88,9 +87,6 @@ var DOMPropertyOperations = {
    * @return {?string} Markup string, or null if the property was invalid.
    */
   createMarkupForProperty: function(name, value) {
-    if (__DEV__) {
-      ReactDOMInstrumentation.debugTool.onCreateMarkupForProperty(name, value);
-    }
     var propertyInfo = DOMProperty.properties.hasOwnProperty(name) ?
         DOMProperty.properties[name] : null;
     if (propertyInfo) {
@@ -134,9 +130,6 @@ var DOMPropertyOperations = {
    * @param {*} value
    */
   setValueForProperty: function(node, name, value) {
-    if (__DEV__) {
-      ReactDOMInstrumentation.debugTool.onSetValueForProperty(node, name, value);
-    }
     var propertyInfo = DOMProperty.properties.hasOwnProperty(name) ?
         DOMProperty.properties[name] : null;
     if (propertyInfo) {
@@ -192,9 +185,6 @@ var DOMPropertyOperations = {
    * @param {string} name
    */
   deleteValueForProperty: function(node, name) {
-    if (__DEV__) {
-      ReactDOMInstrumentation.debugTool.onDeleteValueForProperty(node, name);
-    }
     var propertyInfo = DOMProperty.properties.hasOwnProperty(name) ?
         DOMProperty.properties[name] : null;
     if (propertyInfo) {

src/renderers/dom/shared/ReactDOMDebugTool.js

@@ -50,14 +50,8 @@ var ReactDOMDebugTool = {
       }
     }
   },
-  onCreateMarkupForProperty(name, value) {
-    emitEvent('onCreateMarkupForProperty', name, value);
-  },
-  onSetValueForProperty(node, name, value) {
-    emitEvent('onSetValueForProperty', node, name, value);
-  },
-  onDeleteValueForProperty(node, name) {
-    emitEvent('onDeleteValueForProperty', node, name);
+  onCreateElement(name) {
+    emitEvent('onCreateElement', name);
   },
 };
 

src/renderers/dom/shared/devtools/ReactDOMUnknownPropertyDevtool.js

@@ -34,9 +34,14 @@ if (__DEV__) {
       return;
     }
 
-    warnedProperties[name] = true;
     var lowerCasedName = name.toLowerCase();
 
+    if (EventPluginRegistry.possibleRegistrationNames[lowerCasedName] === name) {
+      return;
+    }
+
+    warnedProperties[name] = true;
+
     // data-* attributes should be lowercase; suggest the lowercase version
     var standardName = (
       DOMProperty.isCustomAttribute(lowerCasedName) ?
@@ -73,13 +78,7 @@ if (__DEV__) {
 }
 
 var ReactDOMUnknownPropertyDevtool = {
-  onCreateMarkupForProperty(name, value) {
-    warnUnknownProperty(name);
-  },
-  onSetValueForProperty(node, name, value) {
-    warnUnknownProperty(name);
-  },
-  onDeleteValueForProperty(node, name) {
+  onCreateElement(name) {
     warnUnknownProperty(name);
   },
 };