From 47dfe40b6a0f641b95b6f387f402dca1f48355fb Mon Sep 17 00:00:00 2001
From: Michael Hancock <m.hancock95@hotmail.co.uk>
Date: Fri, 1 Jul 2016 09:12:28 +0100
Subject: [PATCH] Updated example to use ES6 features

Used imports instead of require.
Simplified imports and removed unused component View.
Background is now a const instead of var. <- ES6 prefers this
Removed dangling comma after background ```source={{uri: background, }}```

Generally example is more succinct and easier to understand for users only exposed to the new tools of ES6.
---
 examples/Basic/index.ios.js | 21 ++++++---------------
 1 file changed, 6 insertions(+), 15 deletions(-)

diff --git a/examples/Basic/index.ios.js b/examples/Basic/index.ios.js
index 0d169e8..01212ba 100644
--- a/examples/Basic/index.ios.js
+++ b/examples/Basic/index.ios.js
@@ -1,17 +1,11 @@
-var React = require('react');
-var {
-  Component,
-  PropTypes
-} = React;
-
-var ReactNative = require('react-native');
-var {
+import React, {Component} from 'react';
+import {
   AppRegistry,
   StyleSheet,
   Text,
-  View,
   Image,
-} = ReactNative;
+} from 'react-native';
+import {BlurView, VibrancyView} from 'react-native-blur';
 
 const styles = StyleSheet.create({
   container: {
@@ -27,15 +21,12 @@ const styles = StyleSheet.create({
   },
 });
 
-var BlurView = require('react-native-blur').BlurView;
-var VibrancyView = require('react-native-blur').VibrancyView;
-
-var background = 'http://iphonewallpapers-hd.com/thumbs/firework_iphone_wallpaper_5-t2.jpg';
+const background = 'http://iphonewallpapers-hd.com/thumbs/firework_iphone_wallpaper_5-t2.jpg';
 
 class Basic extends Component {
   render() {
     return (
-      <Image source={{uri: background, }} style={styles.container}>
+      <Image source={{uri: background}} style={styles.container}>
         <BlurView blurType="light" style={styles.container}>
          <Text style={styles.welcome}>Blur component</Text>
         </BlurView>