Move basic examples to basics/.

App.js

@@ -1,6 +1,6 @@
 // import { AppRegistry } from 'react-native';
 
-import App from './App12ScrollView';
+import App from './basics/App12ScrollView';
 
 export default App;
 

App12ScrollView.js

@@ -1,48 +0,0 @@
-import React from 'react';
-import {
-  Image,
-  ScrollView,
-  Text,
-} from 'react-native';
-
-class IScrolledDownAndWhatHappenedNextShockedMe extends React.Component {
-  render() {
-    return (
-      <ScrollView>
-        <Text style={{ fontSize: 96 }}>Scroll me plz</Text>
-        <Image source={require('./img/favicon.png')} />
-        <Image source={require('./img/favicon.png')} />
-        <Image source={require('./img/favicon.png')} />
-        <Image source={require('./img/favicon.png')} />
-        <Image source={require('./img/favicon.png')} />
-        <Text style={{ fontSize: 96 }}>If you like</Text>
-        <Image source={require('./img/favicon.png')} />
-        <Image source={require('./img/favicon.png')} />
-        <Image source={require('./img/favicon.png')} />
-        <Image source={require('./img/favicon.png')} />
-        <Image source={require('./img/favicon.png')} />
-        <Text style={{ fontSize: 96 }}>Scrolling down</Text>
-        <Image source={require('./img/favicon.png')} />
-        <Image source={require('./img/favicon.png')} />
-        <Image source={require('./img/favicon.png')} />
-        <Image source={require('./img/favicon.png')} />
-        <Image source={require('./img/favicon.png')} />
-        <Text style={{ fontSize: 96 }}>What's the best</Text>
-        <Image source={require('./img/favicon.png')} />
-        <Image source={require('./img/favicon.png')} />
-        <Image source={require('./img/favicon.png')} />
-        <Image source={require('./img/favicon.png')} />
-        <Image source={require('./img/favicon.png')} />
-        <Text style={{ fontSize: 96 }}>Framework around?</Text>
-        <Image source={require('./img/favicon.png')} />
-        <Image source={require('./img/favicon.png')} />
-        <Image source={require('./img/favicon.png')} />
-        <Image source={require('./img/favicon.png')} />
-        <Image source={require('./img/favicon.png')} />
-        <Text style={{ fontSize: 80 }}>React Native</Text>
-      </ScrollView>
-    );
-  }
-}
-
-export default IScrolledDownAndWhatHappenedNextShockedMe;

App01Hello.js → basics/App01Hello.js

@@ -4,7 +4,7 @@ import {
   View,
 } from 'react-native';
 
-import styles from './styles';
+import styles from '../styles';
 
 export default class App extends React.Component {
   render() {

App03Greetings.js → basics/App03Greetings.js

@@ -4,7 +4,7 @@ import {
   View,
 } from 'react-native';
 
-import styles from "./styles";
+import styles from "../styles";
 
 class Greeting extends React.Component {
   render() {

App04Blink.js → basics/App04Blink.js

@@ -4,7 +4,7 @@ import {
   View,
 } from 'react-native';
 
-import styles from "./styles";
+import styles from "../styles";
 
 class Blink extends React.Component {
   constructor(props) {

basics/App12ScrollView.js

@@ -0,0 +1,48 @@
+import React from 'react';
+import {
+  Image,
+  ScrollView,
+  Text,
+} from 'react-native';
+
+class IScrolledDownAndWhatHappenedNextShockedMe extends React.Component {
+  render() {
+    return (
+      <ScrollView>
+        <Text style={{ fontSize: 96 }}>Scroll me plz</Text>
+        <Image source={require('../img/favicon.png')} />
+        <Image source={require('../img/favicon.png')} />
+        <Image source={require('../img/favicon.png')} />
+        <Image source={require('../img/favicon.png')} />
+        <Image source={require('../img/favicon.png')} />
+        <Text style={{ fontSize: 96 }}>If you like</Text>
+        <Image source={require('../img/favicon.png')} />
+        <Image source={require('../img/favicon.png')} />
+        <Image source={require('../img/favicon.png')} />
+        <Image source={require('../img/favicon.png')} />
+        <Image source={require('../img/favicon.png')} />
+        <Text style={{ fontSize: 96 }}>Scrolling down</Text>
+        <Image source={require('../img/favicon.png')} />
+        <Image source={require('../img/favicon.png')} />
+        <Image source={require('../img/favicon.png')} />
+        <Image source={require('../img/favicon.png')} />
+        <Image source={require('../img/favicon.png')} />
+        <Text style={{ fontSize: 96 }}>What's the best</Text>
+        <Image source={require('../img/favicon.png')} />
+        <Image source={require('../img/favicon.png')} />
+        <Image source={require('../img/favicon.png')} />
+        <Image source={require('../img/favicon.png')} />
+        <Image source={require('../img/favicon.png')} />
+        <Text style={{ fontSize: 96 }}>Framework around?</Text>
+        <Image source={require('../img/favicon.png')} />
+        <Image source={require('../img/favicon.png')} />
+        <Image source={require('../img/favicon.png')} />
+        <Image source={require('../img/favicon.png')} />
+        <Image source={require('../img/favicon.png')} />
+        <Text style={{ fontSize: 80 }}>React Native</Text>
+      </ScrollView>
+    );
+  }
+}
+
+export default IScrolledDownAndWhatHappenedNextShockedMe;