diff --git a/src/examples/Simple/Cube.js b/src/examples/Simple/Cube.js
new file mode 100644
index 0000000..ad90a89
--- /dev/null
+++ b/src/examples/Simple/Cube.js
@@ -0,0 +1,35 @@
+import React from 'react';
+import React3 from 'react-three-renderer';
+import THREE from 'three';
+
+class Cube extends React.Component {
+
+ componentWillReceiveProps() {
+ if( window.debuggg ) {
+ console.log('Cube.js componentWillReceiveProps');
+ }
+ }
+
+ render() {
+ if( window.debuggg ) {
+ window.debuggg = false;
+ console.log('Cube.js render');
+ }
+ return (
+
+
+
+
+ );
+ }
+}
+
+export default Cube;
diff --git a/src/examples/Simple/index.js b/src/examples/Simple/index.js
index 12f0c73..b7bbb6a 100644
--- a/src/examples/Simple/index.js
+++ b/src/examples/Simple/index.js
@@ -2,6 +2,8 @@ import React from 'react';
import React3 from 'react-three-renderer';
import THREE from 'three';
+import Cube from './Cube';
+
class Simple extends React.Component {
static propTypes = {
width: React.PropTypes.number.isRequired,
@@ -36,6 +38,12 @@ class Simple extends React.Component {
};
}
+ componentDidUpdate() {
+ if( window.debuggg ) {
+ console.log('index.js componentDidUpdate called');
+ }
+ }
+
render() {
const {
width,
@@ -45,6 +53,10 @@ class Simple extends React.Component {
// or you can use:
// width = window.innerWidth
// height = window.innerHeight
+ //
+ if( window.debuggg ) {
+ console.log('index.js wrapper render');
+ }
return (
-
-
-
-
+ />
);
}