Extract navigator and make filenames lowercase, class names uppercase

app.js

@@ -0,0 +1,10 @@
+import { createStackNavigator } from 'react-navigation'
+import Home from './home'
+import TemperatureList from './list'
+import Datepicker from './datepicker'
+
+export default createStackNavigator({
+  home: { screen: Home },
+  temperatureList: { screen: TemperatureList },
+  datepicker: { screen: Datepicker }
+})

datepicker.js

@@ -5,7 +5,7 @@ import {
 import moment from 'moment'
 import * as styles from './styles'
 
-export default class datePickView extends Component {
+export default class DatePickView extends Component {
   constructor(props) {
     super(props)
   }

home.js

@@ -5,11 +5,8 @@ import {
   Text
 } from 'react-native'
 import styles from './styles'
-import { createStackNavigator } from 'react-navigation'
-import temperatureList from './List'
-import datepicker from './datepicker'
 
-class home extends Component {
+export default class Home extends Component {
   constructor(props) {
     super(props)
   }
@@ -30,10 +27,4 @@ class home extends Component {
       </View>
     )
   }
-}
-
-export default createStackNavigator({
-  home: { screen: home },
-  temperatureList: { screen: temperatureList },
-  datepicker: { screen: datepicker }
-})
+}

index.js

@@ -1,4 +1,4 @@
 import { AppRegistry } from 'react-native'
-import Home from './App'
+import Home from './app'
 
 AppRegistry.registerComponent('home', () => Home)

list.js

@@ -11,7 +11,7 @@ import Datastore from 'react-native-local-mongodb'
 
 const db = new Datastore({ filename: 'asyncStorageKey', autoload: true })
 
-export default class temp extends Component {
+export default class Temp extends Component {
   constructor(props) {
     super(props)
     this.state = {