diff --git a/button.js b/button.js
index f1370d1..53ee19b 100644
--- a/button.js
+++ b/button.js
@@ -4,8 +4,8 @@
 */
 'use strict'
 
-var React = require('react-native');
-var { StyleSheet, Text, TouchableOpacity, View } = React;
+import React from 'react';
+import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
 
 module.exports = React.createClass({
     render: function() {
diff --git a/index.js b/index.js
index 0b715a0..46adfff 100644
--- a/index.js
+++ b/index.js
@@ -6,12 +6,12 @@
 */
 'use strict';
 
-var React = require('react-native');
-var {
+import React from 'react';
+import {
     StyleSheet,
     TouchableOpacity,
     View,
-} = React;
+} from 'react-native';
 
 var Button = require('./button.js');
 var Overlay = require('./overlay.js');
diff --git a/overlay.js b/overlay.js
index e6c4231..c87ee6b 100644
--- a/overlay.js
+++ b/overlay.js
@@ -4,8 +4,8 @@
 */
 'use strict';
 
-var React = require('react-native');
-var { Animated, StyleSheet, View, Dimensions} = React;
+import React from 'react'
+import { Animated, StyleSheet, View, Dimensions} from 'react-native';
 
 const DEFAULT_ANIMATE_TIME = 300;
 
diff --git a/sheet.js b/sheet.js
index 1001310..f8d684b 100644
--- a/sheet.js
+++ b/sheet.js
@@ -4,8 +4,8 @@
 */
 'use strict';
 
-var React = require('react-native');
-var { Animated, StyleSheet, View, Dimensions} = React;
+import React from 'react';
+import { Animated, StyleSheet, View, Dimensions} from 'react-native';
 
 const DEFAULT_BOTTOM = -300;
 const DEFAULT_ANIMATE_TIME = 300;