diff --git a/App.js b/App.js
deleted file mode 100644
index f08cb4c..0000000
--- a/App.js
+++ /dev/null
@@ -1,24 +0,0 @@
-import React from 'react';
-import {ScrollView, SafeAreaView} from 'react-native';
-import {Provider} from 'react-redux';
-
-import {store} from './store';
-import ReduxFormInput from './ReduxFormInput';
-
-const App: () => React$Node = () => {
-  return (
-    <>
-      <Provider store={store}>
-        <SafeAreaView>
-          <ScrollView
-            contentInsetAdjustmentBehavior="automatic"
-            contentContainerStyle={{alignItems: 'center', paddingTop: 50}}>
-            <ReduxFormInput />
-          </ScrollView>
-        </SafeAreaView>
-      </Provider>
-    </>
-  );
-};
-
-export default App;
diff --git a/ReduxFormInput/MyInputWrapper.js b/ReduxFormInput/MyInputWrapper.js
deleted file mode 100644
index 408bca1..0000000
--- a/ReduxFormInput/MyInputWrapper.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import React from 'react';
-import {TextInput} from 'react-native';
-
-const MyInputWrapper = ({input, placeholder}) => {
-  console.log('input val', input.value);
-  return (
-    <TextInput
-      value={input.value || ''}
-      onChange={input.onChange}
-      placeholder={placeholder}
-    />
-  );
-};
-
-export default MyInputWrapper;
diff --git a/ReduxFormInput/index.js b/ReduxFormInput/index.js
deleted file mode 100644
index 137b113..0000000
--- a/ReduxFormInput/index.js
+++ /dev/null
@@ -1,24 +0,0 @@
-import React from 'react';
-import {Text} from 'react-native';
-import {reduxForm, Field} from 'redux-form';
-
-import MyInputWrapper from './MyInputWrapper';
-
-const ReduxFormInput = () => {
-  return (
-    <>
-      <Text>Redux Form Input Field</Text>
-      <Field
-        name="field"
-        props={{
-          placeholder: 'Type something here',
-        }}
-        component={MyInputWrapper}
-      />
-    </>
-  );
-};
-
-export default reduxForm({
-  form: 'test-form',
-})(ReduxFormInput);
diff --git a/index.js b/index.js
index a850d03..69303b3 100644
--- a/index.js
+++ b/index.js
@@ -3,7 +3,7 @@
  */
 
 import {AppRegistry} from 'react-native';
-import App from './App';
+import App from './src/App';
 import {name as appName} from './app.json';
 
 AppRegistry.registerComponent(appName, () => App);
diff --git a/src/App.js b/src/App.js
new file mode 100644
index 0000000..4293b9d
--- /dev/null
+++ b/src/App.js
@@ -0,0 +1,15 @@
+import React from 'react';
+import {Provider} from 'react-redux';
+
+import {store} from './store';
+import TestForm from './TestForm';
+
+const App: () => React$Node = () => {
+  return (
+    <Provider store={store}>
+      <TestForm />
+    </Provider>
+  );
+};
+
+export default App;
diff --git a/src/TestForm.js b/src/TestForm.js
new file mode 100644
index 0000000..8829442
--- /dev/null
+++ b/src/TestForm.js
@@ -0,0 +1,28 @@
+import React from 'react';
+import {reduxForm, Field} from 'redux-form';
+
+import TextField from './TextField';
+
+const normalizer = (val) =>
+  String(val || '')
+    .replace(/-/g, '')
+    .split('')
+    .join('-');
+
+const formatter = (val) => String(val || '').toUpperCase();
+
+const TestForm = () => {
+  return (
+    <Field
+      name="field"
+      placeholder="Type here..."
+      component={TextField}
+      normalize={normalizer}
+      format={formatter}
+    />
+  );
+};
+
+export default reduxForm({
+  form: 'testForm',
+})(TestForm);
diff --git a/src/TextField.js b/src/TextField.js
new file mode 100644
index 0000000..293614d
--- /dev/null
+++ b/src/TextField.js
@@ -0,0 +1,16 @@
+import React from 'react';
+import {TextInput} from 'react-native';
+
+const TextField = (props) => {
+  const {input, ...restOfProps} = props;
+
+  return (
+    <TextInput
+      value={props.input.value}
+      onChangeText={props.input.onChange}
+      {...restOfProps}
+    />
+  );
+};
+
+export default TextField;
diff --git a/src/store/index.js b/src/store/index.js
new file mode 100644
index 0000000..c6b2e37
--- /dev/null
+++ b/src/store/index.js
@@ -0,0 +1,11 @@
+import {createStore, combineReducers} from 'redux';
+import {reducer as reduxFormReducer} from 'redux-form';
+
+const reducers = combineReducers({form: reduxFormReducer});
+
+const rootReduer = (s, a) => {
+  console.log('s a', s, a);
+  return reducers(s, a);
+};
+
+export const store = createStore(rootReduer);
diff --git a/store/index.js b/store/index.js
deleted file mode 100644
index 57ec69c..0000000
--- a/store/index.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import {createStore, combineReducers} from 'redux';
-import {reducer as reduxFormReducer} from 'redux-form';
-
-export const store = createStore(combineReducers({form: reduxFormReducer}));
diff --git a/store/reducer.js b/store/reducer.js
deleted file mode 100644
index e69de29..0000000