Used ES6 syntax to use React's { Component } instead of referencing it as React.Component

examples/counter/core/components/Root.js

@@ -1,12 +1,12 @@
-import React from 'react';
+import React, { Component } from 'react';
 import { observe, streamProps } from 'frint-react';
 
 import {
   incrementCounter,
   decrementCounter
 } from '../actions/counter';
 
-class Root extends React.Component {
+class Root extends Component {
   render() {
     return (
       <div className="container">

examples/kitchensink/app-color/components/Root.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { Component } from 'react';
 import { observe } from 'frint-react';
 import { Observable } from 'rxjs/Observable';
 import { concatMap } from 'rxjs/operator/concatMap';
@@ -18,7 +18,7 @@ import {
   CHANGE_COLOR_ASYNC
 } from '../constants';
 
-class Root extends React.Component {
+class Root extends Component {
   static propTypes = {
     color: PropTypes.string,
     counter: PropTypes.number,

examples/kitchensink/app-counter/components/Root.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { Component } from 'react';
 import { observe, streamProps } from 'frint-react';
 import PropTypes from 'prop-types';
 
@@ -7,7 +7,7 @@ import {
   decrementCounter
 } from '../actions/counter';
 
-class Root extends React.Component {
+class Root extends Component {
   static propTypes = {
     color: PropTypes.string,
     counter: PropTypes.number,

examples/kitchensink/app-reversed/components/Root.js

@@ -1,9 +1,9 @@
-import React from 'react';
+import React, { Component } from 'react';
 import { observe } from 'frint-react';
 import { map } from 'rxjs/operator/map';
 import { scan } from 'rxjs/operator/scan';
 
-class Root extends React.Component {
+class Root extends Component {
   render() {
     return (
       <div>

examples/kitchensink/app-todos/components/Item.js

@@ -1,10 +1,10 @@
-import React from 'react';
+import React, { Component } from 'react';
 import { observe, streamProps, Region } from 'frint-react';
 import { BehaviorSubject } from 'rxjs/BehaviorSubject';
 
 import { removeTodo, updateTodo } from '../actions/todos';
 
-class Item extends React.Component {
+class Item extends Component {
   render() {
     const { todo } = this.props;
 

examples/kitchensink/app-todos/components/Root.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { Component } from 'react';
 import { observe } from 'frint-react';
 import { BehaviorSubject } from 'rxjs/BehaviorSubject';
 import { Observable } from 'rxjs/Observable';
@@ -8,7 +8,7 @@ import { scan } from 'rxjs/operator/scan';
 import { addTodo } from '../actions/todos';
 import Item from './Item';
 
-class Root extends React.Component {
+class Root extends Component {
   render() {
     return (
       <div>

examples/kitchensink/core/components/Root.js

@@ -1,9 +1,9 @@
-import React from 'react';
+import React, { Component } from 'react';
 import { Region, observe } from 'frint-react';
 import { BehaviorSubject } from 'rxjs/BehaviorSubject';
 import { Observable } from 'rxjs/Observable';
 
-class Root extends React.Component {
+class Root extends Component {
   render() {
     return (
       <div className="container">

examples/multiple-apps/app-bar/components/Root.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { Component } from 'react';
 import { observe, streamProps } from 'frint-react';
 
 import {
@@ -9,7 +9,7 @@ import {
   RED_COLOR
 } from '../constants';
 
-class Root extends React.Component {
+class Root extends Component {
   render() {
     const codeStyle = {
       color: this.props.color,

examples/multiple-apps/app-foo/components/Root.js

@@ -1,12 +1,12 @@
-import React from 'react';
+import React, { Component } from 'react';
 import { observe, streamProps } from 'frint-react';
 
 import {
   incrementCounter,
   decrementCounter
 } from '../actions/counter';
 
-class Root extends React.Component {
+class Root extends Component {
   render() {
     const codeStyle = {
       color: this.props.color,

examples/multiple-apps/core/components/Root.js

@@ -1,7 +1,7 @@
-import React from 'react';
+import React, { Component } from 'react';
 import { Region } from 'frint-react';
 
-export default class Root extends React.Component {
+export default class Root extends Component {
   render() {
     return (
       <div className="container">