diff --git a/example/index.js b/example/index.js
index 4b1da31..0d90dad 100644
--- a/example/index.js
+++ b/example/index.js
@@ -3,7 +3,7 @@ var render = require('react-dom').render;
 var moment = require('moment');
 var createReactClass = require('create-react-class');
 
-var D = React.DOM;
+var D = React.createElement;
 
 var TransitiveNumber = require('..');
 var transitiveNumber = React.createFactory(TransitiveNumber);
@@ -37,57 +37,57 @@ var App = createReactClass({
         });
     },
     render: function() {
-        return D.div(
+        return D('div',
             null,
-            D.div(
+            D('div',
                 { className: 'comparison' },
-                D.div(
+                D('div',
                     { className: 'comparison__cell comparison__cell_head' },
                     'Plain HTML'
                 ),
-                D.div(
+                D('div',
                     { className: 'comparison__cell comparison__cell_head' },
                     'With ',
-                    D.code(null, 'TransitiveNumber')
+                    D('code', null, 'TransitiveNumber')
                 ),
-                D.div(
+                D('div',
                     { className: 'comparison__cell comparison__cell_first' },
-                    D.div(
+                    D('div',
                         { className: 'timer' },
-                        D.span({ className: 'timer__dot' }),
-                        D.span(
+                        D('span', { className: 'timer__dot' }),
+                        D('span',
                             null,
                             moment(this.state.time * 1000).format('HH:mm:ss')
                         )
                     )
                 ),
-                D.div(
+                D('div',
                     { className: 'comparison__cell' },
-                    D.div(
+                    D('div',
                         { className: 'timer' },
-                        D.span({ className: 'timer__dot' }),
+                        D('span', { className: 'timer__dot' }),
                         transitiveNumber(
                             null,
                             moment(this.state.time * 1000).format('HH:mm:ss')
                         )
                     )
                 ),
-                D.div(
+                D('div',
                     { className: 'comparison__cell comparison__cell_first' },
-                    D.div(
+                    D('div',
                         { className: 'counter' },
-                        D.button(
+                        D('button',
                             {
                                 className: 'counter__button counter__button_down',
                                 type: 'button',
                                 onClick: this.decrementCount
                             }
                         ),
-                        D.span(
+                        D('span',
                             null,
                             this.state.count + ' points'
                         ),
-                        D.button(
+                        D('button',
                             {
                                 className: 'counter__button counter__button_up',
                                 type: 'button',
@@ -96,11 +96,11 @@ var App = createReactClass({
                         )
                     )
                 ),
-                D.div(
+                D('div',
                     { className: 'comparison__cell' },
-                    D.div(
+                    D('div',
                         { className: 'counter' },
-                        D.button(
+                        D('button',
                             {
                                 className: 'counter__button counter__button_down',
                                 type: 'button',
@@ -112,7 +112,7 @@ var App = createReactClass({
                             this.state.count
                         ),
                         ' points',
-                        D.button(
+                        D('button',
                             {
                                 className: 'counter__button counter__button_up',
                                 type: 'button',
diff --git a/index.js b/index.js
index 31f821b..500c413 100644
--- a/index.js
+++ b/index.js
@@ -1,5 +1,5 @@
 var React = require('react');
-var D = React.DOM;
+var D = React.createElement;
 var createReactClass = require('create-react-class');
 
 var Symbol = require('./symbol');
@@ -18,7 +18,7 @@ var TransitiveNumber = createReactClass({
         // Invert animation direction when negative number is supplied.
         var inverted = value[0] === '-';
 
-        return D.span(
+        return D('span',
             {
                 className: this.props.className,
                 style: {
diff --git a/symbol.js b/symbol.js
index e0b2c37..8cd6302 100644
--- a/symbol.js
+++ b/symbol.js
@@ -1,5 +1,5 @@
 var React = require('react');
-var D = React.DOM;
+var D = React.createElement;
 var findDOMNode = require('react-dom').findDOMNode
 var createReactClass = require('create-react-class');
 
@@ -47,7 +47,7 @@ var Symbol = createReactClass({
         });
     },
     render: function() {
-        return D.span(
+        return D('span',
             {
                 style: {
                     position: 'relative',
@@ -63,7 +63,7 @@ var Symbol = createReactClass({
         );
     },
     renderSpacer: function() {
-        return D.span(
+        return D('span',
             {
                 style: {
                     visibility: 'hidden'
diff --git a/transition.js b/transition.js
index a369438..24a0f85 100644
--- a/transition.js
+++ b/transition.js
@@ -1,5 +1,5 @@
 var React = require('react');
-var D = React.DOM;
+var D = React.createElement;
 var findDOMNode = require('react-dom').findDOMNode
 var createReactClass = require('create-react-class');
 
@@ -69,7 +69,7 @@ var Transition = createReactClass({
         return this.props.out || !this.state.in;
     },
     render: function() {
-        return D.span(
+        return D('span',
             {
                 style: this.getAppearance()
             },