migrate to import synthax

example/src/AdvancedEffects/Banner.js

-const React = require("react-native");
-const GL = require("gl-react");
-const {Surface} = require("gl-react-native");
+import React from "react-native";
+import GL from "gl-react";
+import {Surface} from "gl-react-native";
 const shaders = GL.Shaders.create({
   banner: {
     frag: `

example/src/AdvancedEffects/Intro.js

-const React = require("react-native");
+import React from "react-native";
 const {
   View,
   Text,
 } = React;
-const GL = require("gl-react");
-const {Surface} = require("gl-react-native");
+import GL from "gl-react";
+import {Surface} from "gl-react-native";
 
 const shaders = GL.Shaders.create({
   drunkEffect: {

example/src/AdvancedEffects/Slideshow.js

-const React = require("react-native");
-const { View, Text, StyleSheet } = React;
-const GL = require("gl-react");
-const {Surface} = require("gl-react-native");
-const TransitionGenerator = require("./TransitionGenerator");
-const Transition = require("./Transition");
+import React, { View, Text, StyleSheet } from "react-native";
+import GL from "gl-react";
+import {Surface} from "gl-react-native";
+import TransitionGenerator from "./TransitionGenerator";
+import Transition from "./Transition";
 
 const shaders = GL.Shaders.create(TransitionGenerator.shaders);
 

example/src/AdvancedEffects/Transition.js

-const React = require("react-native");
-const GL = require("gl-react");
+import React from "react-native";
+import GL from "gl-react";
 
 module.exports = GL.createComponent(
   ({ width, height, shader, progress, from, to, uniforms }) => {

example/src/AdvancedEffects/TransitionGenerator.js

-const GlslTransitions = require("glsl-transitions");
+import GlslTransitions from "glsl-transitions";
 const byName = {};
 GlslTransitions.forEach(function (t) {
   byName[t.name] = t;

example/src/AdvancedEffects/Vignette.js

-const React = require("react-native");
-const GL = require("gl-react");
-const {Surface} = require("gl-react-native");
+import React from "react-native";
+import GL from "gl-react";
+import {Surface} from "gl-react-native";
 
 const shaders = GL.Shaders.create({
   imageVignette: {

example/src/AdvancedEffects/index.js

-const React = require("react-native");
-const {
+import React, {
   StyleSheet,
   View,
-} = React;
+} from "react-native";
 const { width: viewportW, height: viewportH } = require("Dimensions").get("window");
 
-const resolveAssetSource = require("react-native/Libraries/Image/resolveAssetSource");
-
-const Banner = require("./Banner");
-const Intro = require("./Intro");
-const Vignette = require("./Vignette");
-const Slideshow = require("./Slideshow");
+import resolveAssetSource from "react-native/Libraries/Image/resolveAssetSource";
+import Banner from "./Banner";
+import Intro from "./Intro";
+import Vignette from "./Vignette";
+import Slideshow from "./Slideshow";
 
 class AdvancedEffects extends React.Component {
 

example/src/Hearts/Heart.js

 import GL from "gl-react";
-import React from "react";
-const {PropTypes} = React;
+import React, {PropTypes} from "react";
 
 const shaders = GL.Shaders.create({
   Heart: { // inspired from http://glslsandbox.com/e#29521.0

example/src/Hearts/index.js

-const React = require("react-native");
-const {
+import React, {
   StyleSheet,
   ListView,
   Component,
-} = React;
-const seedrandom = require("seedrandom");
-const { width: viewportWidth } = require("Dimensions").get("window");
-const {Surface} = require("gl-react-native");
-const Heart = require("./Heart");
+} from "react-native";
+import seedrandom from "seedrandom";
+import Dimensions from "Dimensions";
+const { width: viewportWidth } = Dimensions.get("window");
+import {Surface} from "gl-react-native";
+import Heart from "./Heart";
 
 const sameColor = ([r,g,b], [R,G,B]) =>
   r===R && g===G && b===B;

example/src/Simple/AnimatedHelloGL.js

-const React = require("react-native");
-const GL = require("gl-react");
-const {Surface} = require("gl-react-native");
-const {Animated} = React;
+import React, {Animated} from "react-native";
+import GL from "gl-react";
+import {Surface} from "gl-react-native";
 
 const shaders = GL.Shaders.create({
   helloGL: {

example/src/Simple/Button.js

-const React = require("react-native");
-
-const {
+import React, {
   StyleSheet,
   Component,
   View,
   Text,
   TouchableOpacity
-} = React;
+} from "react-native";
 
 const styles = StyleSheet.create({
   root: {

example/src/Simple/HelloGL.js

-const GL = require("gl-react");
-const React = require("react");
+import GL from "gl-react";
+import React from "react";
 
 const shaders = GL.Shaders.create({
   helloGL: {

example/src/Simple/HueRotate.js

-const GL = require("gl-react");
-const React = require("react");
+import GL from "gl-react";
+import React from "react";
 
 const shaders = GL.Shaders.create({
   hueRotate: {

example/src/Simple/OneFingerResponse.js

-const React = require("react-native");
-const GL = require("gl-react");
-const {Surface} = require("gl-react-native");
-
-const {PanResponder, UIManager} = React;
+import React, {PanResponder, UIManager} from "react-native";
+import GL from "gl-react";
+import {Surface} from "gl-react-native";
 
 const shaders = GL.Shaders.create({
   oneFingerResponse: {

example/src/Simple/PieProgress.js

-const GL = require("gl-react");
-const React = require("react");
+import GL from "gl-react";
+import React from "react";
 
 const shaders = GL.Shaders.create({
   pieProgress: {

example/src/Simple/Saturation.js

-const GL = require("gl-react");
-const React = require("react");
+import GL from "gl-react";
+import React from "react";
 
 const shaders = GL.Shaders.create({
   saturation: {

example/src/Simple/index.js

-const React = require("react-native");
-const {
+import React, {
   StyleSheet,
   Text,
   View,
@@ -7,9 +6,9 @@ const {
   TextInput,
   Component,
   TouchableOpacity,
-} = React;
+} from "react-native";
 
-const { Surface } = require("gl-react-native");
+import { Surface } from "gl-react-native";
 
 const {
   mdl: {
@@ -20,16 +19,15 @@ const {
   MKButton,
 } = require("react-native-material-kit");
 
-const RNFS = require("react-native-fs");
-
-const HelloGL = require("./HelloGL");
-const Saturation = require("./Saturation");
-const HueRotate = require("./HueRotate");
-const PieProgress = require("./PieProgress");
-const OneFingerResponse = require("./OneFingerResponse");
-const AnimatedHelloGL = require("./AnimatedHelloGL");
-const {Blur} = require("gl-react-blur");
-const Button = require("./Button");
+import RNFS from "react-native-fs";
+import HelloGL from "./HelloGL";
+import Saturation from "./Saturation";
+import HueRotate from "./HueRotate";
+import PieProgress from "./PieProgress";
+import OneFingerResponse from "./OneFingerResponse";
+import AnimatedHelloGL from "./AnimatedHelloGL";
+import {Blur} from "gl-react-blur";
+import Button from "./Button";
 
 class Demo extends Component {
   render () {

example/src/Tests/Add.js

-const GL = require("gl-react");
-const React = require("react");
+import GL from "gl-react";
+import React from "react";
 
 const shaders = GL.Shaders.create({
   add: {

example/src/Tests/Copy.js

-const GL = require("gl-react");
-const React = require("react");
+import GL from "gl-react";
+import React from "react";
 
 const shaders = GL.Shaders.create({
   Copy: {

example/src/Tests/Display2.js

-const GL = require("gl-react");
-const React = require("react");
+import GL from "gl-react";
+import React from "react";
 
 const shaders = GL.Shaders.create({
   display2: {

example/src/Tests/HelloGL.js

-const GL = require("gl-react");
-const React = require("react");
+import GL from "gl-react";
+import React from "react";
 
 const shaders = GL.Shaders.create({
   helloGL: {

example/src/Tests/Layer.js

-const GL = require("gl-react");
-const React = require("react");
+import GL from "gl-react";
+import React from "react";
 
 const shaders = GL.Shaders.create({
   layer: {

example/src/Tests/Multiply.js

-const GL = require("gl-react");
-const React = require("react");
+import GL from "gl-react";
+import React from "react";
 
 const shaders = GL.Shaders.create({
   multiply: {

example/src/Tests/NativeLayer.js

-const React = require("react-native");
-const {
-  View
-} = React;
+import React, { View } from "react-native";
 
 class NativeLayer extends React.Component {
   render () {

example/src/Tests/TransparentNonPremultiplied.js

-const GL = require("gl-react");
-const React = require("react");
+import GL from "gl-react";
+import React from "react";
 
 const shaders = GL.Shaders.create({
   TransparentNonPremultiplied: {

example/src/Tests/index.js

-const React = require("react-native");
-const {
+import React, {
   Text,
   View,
   ScrollView,
   Image,
-} = React;
-const { Surface } = require("gl-react-native");
-const {Blur} = require("gl-react-blur");
-const Add = require("./Add");
-const Multiply = require("./Multiply");
-const Layer = require("./Layer");
-const NativeLayer = require("./NativeLayer");
-const HelloGL = require("./HelloGL");
-const Display2 = require("./Display2");
-const Copy = require("./Copy");
-const TransparentNonPremultiplied = require("./TransparentNonPremultiplied");
-const { width: viewportW, height: viewportH } = require("Dimensions").get("window");
+} from "react-native";
+import {Surface} from "gl-react-native";
+import {Blur} from "gl-react-blur";
+import Add from "./Add";
+import Multiply from "./Multiply";
+import Layer from "./Layer";
+import NativeLayer from "./NativeLayer";
+import HelloGL from "./HelloGL";
+import Display2 from "./Display2";
+import Copy from "./Copy";
+import TransparentNonPremultiplied from "./TransparentNonPremultiplied";
+import Dimensions from "Dimensions";
+const { width: viewportW, height: viewportH } = Dimensions.get("window");
 
 class Tests extends React.Component {
 

src/GLCanvas.captureFrame.android.js

-const invariant = require("invariant");
-const React = require("react-native");
-const {
-  NativeModules: { UIManager }
-} = React;
+import invariant from "invariant";
+import {NativeModules} from "react-native";
+const {UIManager} = NativeModules;
 const {GLCanvas} = UIManager;
 invariant(GLCanvas,
 `gl-react-native: the native module is not available.

src/GLCanvas.captureFrame.ios.js

-const invariant = require("invariant");
-const React = require("react-native");
+import invariant from "invariant";
+import React from "react-native";
 const {
   NativeModules: { GLCanvasManager }
 } = React;

src/GLCanvas.js

-const invariant = require("invariant");
-const React = require("react-native");
-const {
+import invariant from "invariant";
+import React, {
   Component,
   requireNativeComponent,
-} = React;
-const defer = require("promise-defer");
-const captureFrame = require("./GLCanvas.captureFrame");
+} from "react-native";
+import defer from "promise-defer";
+import captureFrame from "./GLCanvas.captureFrame";
 
 const serializeOption = config =>
 config.format + ":" + config.type + ":" + config.quality;

src/Surface.js

-const invariant = require("invariant");
-const {createSurface} = require("gl-react");
-invariant(typeof createSurface === "function", "gl-react createSurface is not a function. Check your gl-react dependency");
-const React = require("react-native");
-const {
+import invariant from "invariant";
+import {createSurface} from "gl-react";
+import React, {
   View,
   PixelRatio
-} = React;
-const GLCanvas = require("./GLCanvas");
+} from "react-native";
+import GLCanvas from "./GLCanvas";
+
+invariant(typeof createSurface === "function",
+"gl-react createSurface is not a function. Check your gl-react dependency");
 
 const getPixelRatio = props => props.scale || PixelRatio.get();
 

src/index.js

-const invariant = require("invariant");
-const { Shaders } = require("gl-react");
-const Surface = require("./Surface");
-const { NativeModules: { RNGLContext } } = require("react-native");
+import invariant from "invariant";
+import { Shaders } from "gl-react";
+import Surface from "./Surface";
+import {NativeModules} from "react-native";
+const {RNGLContext} = NativeModules;
 invariant(RNGLContext,
 `gl-react-native: the native module is not available.
 Make sure you have properly configured it.