diff --git a/example/App.js b/example/App.js
index 6b338818babf82..f5a6e77863b292 100644
--- a/example/App.js
+++ b/example/App.js
@@ -1 +1 @@
-export {reactClass as default} from './lib/js/src/RNTesterApp.js';
+export { reactClass as default } from './lib/js/src/RNTesterApp.js';
diff --git a/example/src/ExampleList.re b/example/src/ExampleList.re
index 795f7ddd72d238..a9df8f37d69787 100644
--- a/example/src/ExampleList.re
+++ b/example/src/ExampleList.re
@@ -74,4 +74,4 @@ let components: array(item) = [|
   Settings.item("SettingsExample"),
   ImageStore.item("ImageStoreExample"),
   ActivityIndicator.item("ActivityIndicatorExample"),
-|];
+|];
\ No newline at end of file
diff --git a/example/src/RNTesterApp.re b/example/src/RNTesterApp.re
index 7d17b630facb33..d2fd92130ea406 100644
--- a/example/src/RNTesterApp.re
+++ b/example/src/RNTesterApp.re
@@ -2,51 +2,49 @@ open BsReactNative;
 
 let styles =
   StyleSheet.create(
-    Style.(
-      {
-        "header":
-          style([
-            height(Pt(60.)),
-            borderBottomWidth(StyleSheet.hairlineWidth),
-            borderBottomColor(String("#96969A")),
-            backgroundColor(String("#F5F5F6")),
-            alignItems(Center),
-            justifyContent(Center),
-            flexDirection(Row),
-          ]),
-        "headerLeft":
-          style([
-            position(Absolute),
-            top(Pt(0.)),
-            left(Pt(10.)),
-            bottom(Pt(0.)),
-            alignItems(Center),
-            justifyContent(Center),
-          ]),
-        "headerCenter": style([flex(1.0)]),
-        "title":
-          style([
-            fontSize(Float(19.)),
-            fontWeight(`_600),
-            textAlign(Center),
-          ]),
-        "exampleContainer": style([flex(1.0)]),
-        "appContainer":
-          style([
-            flex(1.0),
-            backgroundColor(String("#F5F5F6")),
-            marginTop(Pt(Platform.os() == Platform.Android ? 20.0 : 0.0))
-          ]),
-      }
-    ),
+    Style.{
+      "header":
+        style([
+          height(Pt(60.)),
+          borderBottomWidth(StyleSheet.hairlineWidth),
+          borderBottomColor(String("#96969A")),
+          backgroundColor(String("#F5F5F6")),
+          alignItems(Center),
+          justifyContent(Center),
+          flexDirection(Row),
+        ]),
+      "headerLeft":
+        style([
+          position(Absolute),
+          top(Pt(0.)),
+          left(Pt(10.)),
+          bottom(Pt(0.)),
+          alignItems(Center),
+          justifyContent(Center),
+        ]),
+      "headerCenter": style([flex(1.0)]),
+      "title":
+        style([
+          fontSize(Float(19.)),
+          fontWeight(`_600),
+          textAlign(Center),
+        ]),
+      "exampleContainer": style([flex(1.0)]),
+      "appContainer":
+        style([
+          flex(1.0),
+          backgroundColor(String("#F5F5F6")),
+          marginTop(Pt(Platform.os() == Platform.Android ? 20.0 : 0.0)),
+        ]),
+    },
   );
 
 let header = (~onBack=?, ~title, ()) =>
   <View style=styles##header>
     <View style=styles##headerCenter>
-      <Text style=styles##title> (ReasonReact.string(title)) </Text>
+      <Text style=styles##title> {ReasonReact.string(title)} </Text>
     </View>
-    (
+    {
       switch (onBack) {
       | None => ReasonReact.null
       | Some(onBack) =>
@@ -54,7 +52,7 @@ let header = (~onBack=?, ~title, ()) =>
           <Button title="Back" onPress=onBack />
         </View>
       }
-    )
+    }
   </View>;
 
 type action =
@@ -71,26 +69,31 @@ let make = _children => {
     switch (action) {
     | ChangeCurrentExample(example) => Update({currentExample: example})
     },
-  didMount: (self) => {
+  didMount: self => {
     let handler = () => {
       let didHandleBackButton = ref(false);
-      self.handle((_, self) => {
-        self.send(ChangeCurrentExample(None));
-        didHandleBackButton := Js.Option.isSome(self.state.currentExample);
-      })(());
+      self.handle(
+        (_, self) => {
+          self.send(ChangeCurrentExample(None));
+          didHandleBackButton := Js.Option.isSome(self.state.currentExample);
+        },
+        (),
+      );
       didHandleBackButton^;
     };
     BackHandler.addEventListener("hardwareBackPress", handler);
-    self.onUnmount(() => BackHandler.removeEventListener("hardwareBackPress", handler));
+    self.onUnmount(() =>
+      BackHandler.removeEventListener("hardwareBackPress", handler)
+    );
   },
   render: ({state, send}) => {
     let components = ExampleList.components;
     <SafeAreaView style=styles##appContainer>
-      (
+      {
         switch (state.currentExample) {
         | None =>
           <View style=styles##exampleContainer>
-            (header(~title="ReasonRNTester", ()))
+            {header(~title="ReasonRNTester", ())}
             <RNTesterExampleList
               components
               onPress=(
@@ -106,20 +109,20 @@ let make = _children => {
           example.examples[0].render()
         | Some(example) =>
           <View style=styles##exampleContainer>
-            (
+            {
               header(
                 ~title=example.title,
                 ~onBack=_event => send(ChangeCurrentExample(None)),
                 (),
               )
-            )
+            }
             <RNTesterExampleContainer example />
           </View>
         }
-      )
+      }
     </SafeAreaView>;
   },
 };
 
 let reactClass =
-  ReasonReact.wrapReasonForJs(~component, _jsProps => make([||]));
+  ReasonReact.wrapReasonForJs(~component, _jsProps => make([||]));
\ No newline at end of file
diff --git a/example/src/RNTesterBlock.re b/example/src/RNTesterBlock.re
index 82b3b0cf1f1db4..add71c5f7c87ce 100644
--- a/example/src/RNTesterBlock.re
+++ b/example/src/RNTesterBlock.re
@@ -2,41 +2,39 @@ open BsReactNative;
 
 let styles =
   StyleSheet.create(
-    Style.(
-      {
-        "container":
-          style([
-            borderRadius(3.),
-            borderWidth(1.),
-            borderColor(String("#d6d7da")),
-            backgroundColor(String("#ffffff")),
-            margin(Pt(10.)),
-            marginVertical(Pt(5.)),
-            overflow(Hidden),
-          ]),
-        "titleContainer":
-          style([
-            borderBottomWidth(1.),
-            borderTopLeftRadius(3.),
-            borderTopRightRadius(3.),
-            borderBottomColor(String("#d6d7da")),
-            backgroundColor(String("#f6f7f8")),
-            paddingHorizontal(Pt(10.)),
-            paddingVertical(Pt(5.)),
-          ]),
-        "titleText": style([fontSize(Float(14.)), fontWeight(`_500)]),
-        "descriptionText": style([fontSize(Float(14.))]),
-        "disclosure":
-          style([
-            position(Absolute),
-            top(Pt(0.)),
-            right(Pt(0.)),
-            padding(Pt(10.)),
-          ]),
-        "disclosureIcon": style([width(Pt(12.)), height(Pt(8.))]),
-        "children": style([margin(Pt(10.))]),
-      }
-    ),
+    Style.{
+      "container":
+        style([
+          borderRadius(3.),
+          borderWidth(1.),
+          borderColor(String("#d6d7da")),
+          backgroundColor(String("#ffffff")),
+          margin(Pt(10.)),
+          marginVertical(Pt(5.)),
+          overflow(Hidden),
+        ]),
+      "titleContainer":
+        style([
+          borderBottomWidth(1.),
+          borderTopLeftRadius(3.),
+          borderTopRightRadius(3.),
+          borderBottomColor(String("#d6d7da")),
+          backgroundColor(String("#f6f7f8")),
+          paddingHorizontal(Pt(10.)),
+          paddingVertical(Pt(5.)),
+        ]),
+      "titleText": style([fontSize(Float(14.)), fontWeight(`_500)]),
+      "descriptionText": style([fontSize(Float(14.))]),
+      "disclosure":
+        style([
+          position(Absolute),
+          top(Pt(0.)),
+          right(Pt(0.)),
+          padding(Pt(10.)),
+        ]),
+      "disclosureIcon": style([width(Pt(12.)), height(Pt(8.))]),
+      "children": style([margin(Pt(10.))]),
+    },
   );
 
 let comp = ReasonReact.statelessComponent("RNTesterBlock");
@@ -46,17 +44,17 @@ let make = (~description, ~title, children) => {
   render: _self =>
     <View style=styles##container>
       <View style=styles##titleContainer>
-        <Text style=styles##titleText> (ReasonReact.string(title)) </Text>
-        (
+        <Text style=styles##titleText> {ReasonReact.string(title)} </Text>
+        {
           switch (description) {
           | Some(description) =>
             <Text style=styles##descriptionText>
-              (ReasonReact.string(description))
+              {ReasonReact.string(description)}
             </Text>
           | None => ReasonReact.null
           }
-        )
+        }
       </View>
-      (View.make(~style=styles##children, children) |> ReasonReact.element)
+      {View.make(~style=styles##children, children) |> ReasonReact.element}
     </View>,
-};
+};
\ No newline at end of file
diff --git a/example/src/RNTesterExampleContainer.re b/example/src/RNTesterExampleContainer.re
index 8da6cb2a36d193..3274722e1924bc 100644
--- a/example/src/RNTesterExampleContainer.re
+++ b/example/src/RNTesterExampleContainer.re
@@ -1,6 +1,6 @@
 let renderExample = (i, {title, description, render}: Example.t) =>
-  <RNTesterBlock key=(string_of_int(i)) title description>
-    (render())
+  <RNTesterBlock key={string_of_int(i)} title description>
+    {render()}
   </RNTesterBlock>;
 
 let component = ReasonReact.statelessComponent("RNTesterExampleContainer");
@@ -8,7 +8,7 @@ let component = ReasonReact.statelessComponent("RNTesterExampleContainer");
 let make = (~example: ExampleList.item, _children) => {
   ...component,
   render: _self =>
-    <RNTesterPage title=example.title>
-      (ReasonReact.array(Array.mapi(renderExample, example.examples)))
+    <RNTesterPage title={example.title}>
+      {ReasonReact.array(Array.mapi(renderExample, example.examples))}
     </RNTesterPage>,
-};
+};
\ No newline at end of file
diff --git a/example/src/RNTesterExampleList.re b/example/src/RNTesterExampleList.re
index 213ccf07401230..909516dadee144 100644
--- a/example/src/RNTesterExampleList.re
+++ b/example/src/RNTesterExampleList.re
@@ -2,49 +2,47 @@ open BsReactNative;
 
 let styles =
   StyleSheet.create(
-    Style.(
-      {
-        "listContainer": style([flex(1.0)]),
-        "row":
-          style([
-            backgroundColor(String("white")),
-            justifyContent(Center),
-            paddingHorizontal(Pt(15.)),
-            paddingVertical(Pt(8.)),
-          ]),
-        "rowTitleText": style([fontSize(Float(17.)), fontWeight(`_500)]),
-        "rowDetailText":
-          style([
-            fontSize(Float(15.)),
-            color(String("#888888")),
-            lineHeight(20.),
-          ]),
-        "separator":
-          style([
-            height(Pt(StyleSheet.hairlineWidth)),
-            backgroundColor(String("#bbbbbb")),
-            marginLeft(Pt(15.)),
-          ]),
-        "separatorHighlighted":
-          style([
-            height(Pt(StyleSheet.hairlineWidth)),
-            backgroundColor(String("rgb(217, 217, 217)")),
-          ]),
-      }
-    ),
+    Style.{
+      "listContainer": style([flex(1.0)]),
+      "row":
+        style([
+          backgroundColor(String("white")),
+          justifyContent(Center),
+          paddingHorizontal(Pt(15.)),
+          paddingVertical(Pt(8.)),
+        ]),
+      "rowTitleText": style([fontSize(Float(17.)), fontWeight(`_500)]),
+      "rowDetailText":
+        style([
+          fontSize(Float(15.)),
+          color(String("#888888")),
+          lineHeight(20.),
+        ]),
+      "separator":
+        style([
+          height(Pt(StyleSheet.hairlineWidth)),
+          backgroundColor(String("#bbbbbb")),
+          marginLeft(Pt(15.)),
+        ]),
+      "separatorHighlighted":
+        style([
+          height(Pt(StyleSheet.hairlineWidth)),
+          backgroundColor(String("rgb(217, 217, 217)")),
+        ]),
+    },
   );
 
 let component = ReasonReact.statelessComponent("RNTesterExampleList");
 
 let renderItem = onPress =>
   SectionList.renderItem(({item}) =>
-    <TouchableHighlight onPress=(() => onPress(item))>
+    <TouchableHighlight onPress={() => onPress(item)}>
       <View style=styles##row>
         <Text style=styles##rowTitleText>
-          (ReasonReact.string(item.ExampleList.title))
+          {ReasonReact.string(item.ExampleList.title)}
         </Text>
         <Text style=styles##rowDetailText>
-          (ReasonReact.string(item.description))
+          {ReasonReact.string(item.description)}
         </Text>
       </View>
     </TouchableHighlight>
@@ -53,7 +51,7 @@ let renderItem = onPress =>
 let itemSeparatorComponent =
   SectionList.separatorComponent(({highlighted}) =>
     <View
-      style=(highlighted ? styles##separatorHighlighted : styles##separator)
+      style={highlighted ? styles##separatorHighlighted : styles##separator}
     />
   );
 
@@ -68,10 +66,10 @@ let make = (~components, ~onPress, _children) => {
       <View style=styles##listContainer>
         <SectionList
           sections
-          renderItem=(renderItem(onPress))
-          keyExtractor=((item, _) => item.key)
+          renderItem={renderItem(onPress)}
+          keyExtractor={(item, _) => item.key}
           itemSeparatorComponent
         />
       </View>,
   };
-};
+};
\ No newline at end of file
diff --git a/example/src/RNTesterPage.re b/example/src/RNTesterPage.re
index d6b7ca344c467d..99c87ac7b4a168 100644
--- a/example/src/RNTesterPage.re
+++ b/example/src/RNTesterPage.re
@@ -2,13 +2,11 @@ open BsReactNative;
 
 let styles =
   StyleSheet.create(
-    Style.(
-      {
-        "container": style([backgroundColor(String("#e9eaed")), flex(1.0)]),
-        "spacer": style([height(Pt(270.))]),
-        "wrapper": style([flex(1.0), paddingTop(Pt(10.))]),
-      }
-    ),
+    Style.{
+      "container": style([backgroundColor(String("#e9eaed")), flex(1.0)]),
+      "spacer": style([height(Pt(270.))]),
+      "wrapper": style([flex(1.0), paddingTop(Pt(10.))]),
+    },
   );
 
 let component = ReasonReact.statelessComponent("RNTesterPage");
@@ -17,7 +15,7 @@ let make = (~title=?, ~noScroll=false, ~noSpacer=false, children) => {
   let contentWrapper = (children_: array(ReasonReact.reactElement)) =>
     if (noScroll) {
       <View key="wrapper" style=styles##wrapper>
-        (ReasonReact.array(children_))
+        {ReasonReact.array(children_)}
       </View>;
     } else {
       let automaticallyAdjustContentInsets =
@@ -31,7 +29,7 @@ let make = (~title=?, ~noScroll=false, ~noSpacer=false, children) => {
         keyboardShouldPersistTaps=`handled
         keyboardDismissMode=`interactive
         style=styles##wrapper>
-        (ReasonReact.array(children_))
+        {ReasonReact.array(children_)}
       </ScrollView>;
     };
   {
@@ -50,8 +48,8 @@ let make = (~title=?, ~noScroll=false, ~noSpacer=false, children) => {
         };
       <View style=styles##container>
         title
-        (contentWrapper(Array.append(children, [|spacer|])))
+        {contentWrapper(Array.append(children, [|spacer|]))}
       </View>;
     },
   };
-};
+};
\ No newline at end of file
diff --git a/example/src/RNTesterTitle.re b/example/src/RNTesterTitle.re
index 411a52e3e148c1..3e69b3a2569da0 100644
--- a/example/src/RNTesterTitle.re
+++ b/example/src/RNTesterTitle.re
@@ -2,22 +2,20 @@ open BsReactNative;
 
 let styles =
   StyleSheet.create(
-    Style.(
-      {
-        "container":
-          style([
-            borderRadius(4.),
-            borderWidth(1.),
-            borderColor(String("#d6d7da")),
-            margin(Pt(10.)),
-            marginBottom(Pt(0.)),
-            height(Pt(45.)),
-            padding(Pt(10.)),
-            backgroundColor(String("white")),
-          ]),
-        "text": style([fontSize(Float(19.)), fontWeight(`_500)]),
-      }
-    ),
+    Style.{
+      "container":
+        style([
+          borderRadius(4.),
+          borderWidth(1.),
+          borderColor(String("#d6d7da")),
+          margin(Pt(10.)),
+          marginBottom(Pt(0.)),
+          height(Pt(45.)),
+          padding(Pt(10.)),
+          backgroundColor(String("white")),
+        ]),
+      "text": style([fontSize(Float(19.)), fontWeight(`_500)]),
+    },
   );
 
 let component = ReasonReact.statelessComponent("RNTesterTitle");
@@ -26,6 +24,6 @@ let make = (~title, _children) => {
   ...component,
   render: _self =>
     <View style=styles##container>
-      <Text style=styles##text> (ReasonReact.string(title)) </Text>
+      <Text style=styles##text> {ReasonReact.string(title)} </Text>
     </View>,
-};
+};
\ No newline at end of file
diff --git a/example/src/Utils.re b/example/src/Utils.re
index d11e86a49ecca5..da9eb75460af1c 100644
--- a/example/src/Utils.re
+++ b/example/src/Utils.re
@@ -1,3 +1,3 @@
 type exampleType =
   | Multiple
-  | FullScreen;
+  | FullScreen;
\ No newline at end of file
diff --git a/example/src/example.re b/example/src/example.re
index 426cd7a2dd16e5..294e7e95f23089 100644
--- a/example/src/example.re
+++ b/example/src/example.re
@@ -2,4 +2,4 @@ type t = {
   title: string,
   description: option(string),
   render: unit => ReasonReact.reactElement,
-};
+};
\ No newline at end of file
diff --git a/example/src/pages/ActivityIndicatorExample.re b/example/src/pages/ActivityIndicatorExample.re
index 6b934c2aed89cb..47b35d70c4ce9a 100644
--- a/example/src/pages/ActivityIndicatorExample.re
+++ b/example/src/pages/ActivityIndicatorExample.re
@@ -15,7 +15,7 @@ module ActivityIndicatorExample = {
     ...component,
     render: _self =>
       <View>
-        <ActivityIndicator color=(String("#0000ff")) size=(`exact(40)) />
+        <ActivityIndicator color={String("#0000ff")} size={`exact(40)} />
       </View>,
   };
 };
@@ -26,4 +26,4 @@ let examples: array(Example.t) = [|
     description: None,
     render: () => <ActivityIndicatorExample />,
   },
-|];
+|];
\ No newline at end of file
diff --git a/example/src/pages/ButtonExample.re b/example/src/pages/ButtonExample.re
index 18f1f4b1c95725..6fa26f3ccec6f0 100644
--- a/example/src/pages/ButtonExample.re
+++ b/example/src/pages/ButtonExample.re
@@ -51,8 +51,8 @@ let examples: array(Example.t) = [|
     render: () =>
       <View
         style=Style.(
-                style([flexDirection(Row), justifyContent(SpaceBetween)])
-              )>
+          style([flexDirection(Row), justifyContent(SpaceBetween)])
+        )>
         <Button
           onPress=onButtonPress
           title="This looks great!"
@@ -77,4 +77,4 @@ let examples: array(Example.t) = [|
         accessibilityLabel="See an informative alert"
       />,
   },
-|];
+|];
\ No newline at end of file
diff --git a/example/src/pages/GeolocationExample.re b/example/src/pages/GeolocationExample.re
index 29f16202bd13c1..bc92189f997df1 100644
--- a/example/src/pages/GeolocationExample.re
+++ b/example/src/pages/GeolocationExample.re
@@ -37,23 +37,23 @@ module GeolocationGetCurrentPositionExample = {
     render: ({state, handle}) =>
       Style.(
         <View>
-          <View style=(style([padding(Pt(10.))]))>
-            <TouchableOpacity onPress=(handle(getCurrentPosition))>
-              <Text> (ReasonReact.string("Get current position")) </Text>
+          <View style={style([padding(Pt(10.))])}>
+            <TouchableOpacity onPress={handle(getCurrentPosition)}>
+              <Text> {ReasonReact.string("Get current position")} </Text>
             </TouchableOpacity>
             <Text>
-              (
+              {
                 ReasonReact.string(
                   "latitude:" ++ string_of_float(state.coords.latitude),
                 )
-              )
+              }
             </Text>
             <Text>
-              (
+              {
                 ReasonReact.string(
                   "longitude:" ++ string_of_float(state.coords.longitude),
                 )
-              )
+              }
             </Text>
           </View>
         </View>
@@ -102,20 +102,20 @@ module GeolocationWatchPositionExample = {
     render: ({state}) =>
       Style.(
         <View>
-          <View style=(style([padding(Pt(10.))]))>
+          <View style={style([padding(Pt(10.))])}>
             <Text>
-              (
+              {
                 ReasonReact.string(
                   "latitude:" ++ string_of_float(state.coords.latitude),
                 )
-              )
+              }
             </Text>
             <Text>
-              (
+              {
                 ReasonReact.string(
                   "longitude:" ++ string_of_float(state.coords.longitude),
                 )
-              )
+              }
             </Text>
           </View>
         </View>
@@ -142,4 +142,4 @@ let examples: array(Example.t) = [|
     description: None,
     render: () => <GeolocationWatchPositionExample />,
   },
-|];
+|];
\ No newline at end of file
diff --git a/example/src/pages/ImageBackgroundExample.re b/example/src/pages/ImageBackgroundExample.re
index de74336d6aea3c..ae8382620706f4 100644
--- a/example/src/pages/ImageBackgroundExample.re
+++ b/example/src/pages/ImageBackgroundExample.re
@@ -17,7 +17,7 @@ let examples: array(Example.t) =
         description: None,
         render: () =>
           <ImageBackground
-            style=(
+            style={
               style([
                 flex(1.),
                 justifyContent(Center),
@@ -25,9 +25,9 @@ let examples: array(Example.t) =
                 height(Pt(400.)),
                 width(Pt(300.)),
               ])
-            )
-            imageStyle=(style([flex(1.)]))
-            source=(
+            }
+            imageStyle={style([flex(1.)])}
+            source={
                      `URI(
                        Image.(
                          imageURISource(
@@ -37,17 +37,17 @@ let examples: array(Example.t) =
                          )
                        ),
                      )
-                   )>
+                   }>
             <View
-              style=(
+              style={
                 style([
                   backgroundColor(String("#FFFFFF")),
                   padding(Pt(5.)),
                 ])
-              )>
-              <Text> (ReasonReact.string("Nested text")) </Text>
+              }>
+              <Text> {ReasonReact.string("Nested text")} </Text>
             </View>
           </ImageBackground>,
       },
     |]
-  );
+  );
\ No newline at end of file
diff --git a/example/src/pages/ImagePickerIOSExample.re b/example/src/pages/ImagePickerIOSExample.re
index 6c6ec99ba18709..22e11308d6a604 100644
--- a/example/src/pages/ImagePickerIOSExample.re
+++ b/example/src/pages/ImagePickerIOSExample.re
@@ -12,17 +12,11 @@ let description = "ImagePickerIOS API";
 
 let styles =
   StyleSheet.create(
-    Style.(
-      {
-        "pageStyle": style([flex(1.), flexGrow(1.)]),
-        "viewPager":
-          style([
-            alignItems(Center),
-            padding(Pt(20.)),
-            height(Pt(400.)),
-          ]),
-      }
-    ),
+    Style.{
+      "pageStyle": style([flex(1.), flexGrow(1.)]),
+      "viewPager":
+        style([alignItems(Center), padding(Pt(20.)), height(Pt(400.))]),
+    },
   );
 
 module CanRecordVideosExample = {
@@ -47,9 +41,9 @@ module CanRecordVideosExample = {
       ),
     render: ({state}) =>
       <View style=styles##pageStyle key="1">
-        <Text> (ReasonReact.string("Can we record videos?")) </Text>
+        <Text> {ReasonReact.string("Can we record videos?")} </Text>
         <Text>
-          (ReasonReact.string(string_of_bool(state.canRecordVideos)))
+          {ReasonReact.string(string_of_bool(state.canRecordVideos))}
         </Text>
       </View>,
   };
@@ -75,9 +69,9 @@ module CanUseCameraExample = {
       ImagePickerIOS.canUseCamera(() => send(UpdateCanUseCamera(true))),
     render: ({state}) =>
       <View style=styles##pageStyle key="1">
-        <Text> (ReasonReact.string("Can we use camera?")) </Text>
+        <Text> {ReasonReact.string("Can we use camera?")} </Text>
         <Text>
-          (ReasonReact.string(string_of_bool(state.canUseCamera)))
+          {ReasonReact.string(string_of_bool(state.canUseCamera))}
         </Text>
       </View>,
   };
@@ -108,8 +102,8 @@ module CameraDialogExample = {
       },
     render: ({handle}) =>
       <View style=styles##pageStyle key="1">
-        <TouchableOpacity onPress=(handle(openCameraDialog))>
-          <Text> (ReasonReact.string("OPEN CAMERA DIALOG")) </Text>
+        <TouchableOpacity onPress={handle(openCameraDialog)}>
+          <Text> {ReasonReact.string("OPEN CAMERA DIALOG")} </Text>
         </TouchableOpacity>
       </View>,
   };
@@ -140,10 +134,10 @@ module SelectDialogExample = {
       },
     render: ({handle, state}) =>
       <View style=styles##pageStyle key="1">
-        <TouchableOpacity onPress=(handle(openCameraDialog))>
-          <Text> (ReasonReact.string("OPEN SELECT DIALOG")) </Text>
+        <TouchableOpacity onPress={handle(openCameraDialog)}>
+          <Text> {ReasonReact.string("OPEN SELECT DIALOG")} </Text>
         </TouchableOpacity>
-        <Text> (ReasonReact.string("image Uri:" ++ state.imageUri)) </Text>
+        <Text> {ReasonReact.string("image Uri:" ++ state.imageUri)} </Text>
       </View>,
   };
 };
@@ -169,4 +163,4 @@ let examples: array(Example.t) = [|
     description: None,
     render: () => <SelectDialogExample />,
   },
-|];
+|];
\ No newline at end of file
diff --git a/example/src/pages/ImageStoreExample.re b/example/src/pages/ImageStoreExample.re
index d07a08b046ee59..6d4c4afd690feb 100644
--- a/example/src/pages/ImageStoreExample.re
+++ b/example/src/pages/ImageStoreExample.re
@@ -30,7 +30,7 @@ module ImageExample = {
     render: self =>
       <View>
         <Button
-          onPress=(
+          onPress={
             () => {
               ImageStore.hasImageForTag(
                 switch (self.state.imageUri) {
@@ -46,12 +46,12 @@ module ImageExample = {
               );
               ();
             }
-          )
+          }
           title="Has Image For Tag"
           accessibilityLabel="Has Image For Tag"
         />
         <Button
-          onPress=(
+          onPress={
             () => {
               ImageStore.addImageFromBase64(
                 image,
@@ -61,23 +61,23 @@ module ImageExample = {
               |> ignore;
               ();
             }
-          )
+          }
           title="Set Image Uri"
           accessibilityLabel="Set image uri"
         />
         <Button
-          onPress=(
+          onPress={
             () =>
               switch (self.state.imageUri) {
               | Some(uri) => ImageStore.removeImageForTag(uri)
               | None => ()
               }
-          )
+          }
           title="Remove Image For Tag"
           accessibilityLabel="Remove Image For Tag"
         />
         <Button
-          onPress=(
+          onPress={
             () =>
               switch (self.state.imageUri) {
               | Some(uri) =>
@@ -88,15 +88,15 @@ module ImageExample = {
                 )
               | None => ()
               }
-          )
+          }
           title="Get Base64 For Tag"
           accessibilityLabel="Get Base64 For Tag"
         />
-        (
+        {
           switch (self.state.imageUri) {
           | Some(imageUri) =>
             <Image
-              source=(
+              source={
                        `URI(
                          Image.imageURISource(
                            ~uri=imageUri,
@@ -105,15 +105,15 @@ module ImageExample = {
                            (),
                          ),
                        )
-                     )
+                     }
             />
           | None => ReasonReact.null
           }
-        )
+        }
       </View>,
   };
 };
 
 let examples: array(Example.t) = [|
   {title: "", description: None, render: () => <ImageExample />},
-|];
+|];
\ No newline at end of file
diff --git a/example/src/pages/NetInfoExample.re b/example/src/pages/NetInfoExample.re
index e92ee7e275a3ca..1273f9a178fee7 100644
--- a/example/src/pages/NetInfoExample.re
+++ b/example/src/pages/NetInfoExample.re
@@ -27,13 +27,13 @@ module NetInfoIsConnectedExample = {
     render: ({state}) =>
       Style.(
         <View>
-          <View style=(style([padding(Pt(10.))]))>
+          <View style={style([padding(Pt(10.))])}>
             <Text>
-              (
+              {
                 ReasonReact.string(
                   state.isConnected ? "Connected" : "Not connected",
                 )
-              )
+              }
             </Text>
           </View>
         </View>
@@ -66,13 +66,13 @@ module NetInfoConnectionTypeExample = {
     render: ({state, handle}) =>
       Style.(
         <View>
-          <View style=(style([padding(Pt(10.))]))>
-            <TouchableOpacity onPress=(handle(checkConnectionType))>
-              <Text> (ReasonReact.string("Check connection type")) </Text>
+          <View style={style([padding(Pt(10.))])}>
+            <TouchableOpacity onPress={handle(checkConnectionType)}>
+              <Text> {ReasonReact.string("Check connection type")} </Text>
             </TouchableOpacity>
             <View>
               <Text>
-                (
+                {
                   ReasonReact.string(
                     switch (state.connectionType) {
                     | NetInfo.None => "none"
@@ -82,7 +82,7 @@ module NetInfoConnectionTypeExample = {
                     | _ => "something else"
                     },
                   )
-                )
+                }
               </Text>
             </View>
           </View>
@@ -110,4 +110,4 @@ let examples: array(Example.t) = [|
     description: None,
     render: () => <NetInfoConnectionTypeExample />,
   },
-|];
+|];
\ No newline at end of file
diff --git a/example/src/pages/PermissionsAndroidExample.re b/example/src/pages/PermissionsAndroidExample.re
index e1f671d2f3de84..fbaa93c4900310 100644
--- a/example/src/pages/PermissionsAndroidExample.re
+++ b/example/src/pages/PermissionsAndroidExample.re
@@ -35,18 +35,18 @@ module ExampleSingle = {
     render: _children =>
       <View>
         <TouchableNativeFeedback
-          background=(TouchableNativeFeedback.selectableBackground())
+          background={TouchableNativeFeedback.selectableBackground()}
           onPress=requestPermissions>
           <View style=Style.(style([backgroundColor(String("#03DAC5"))]))>
             <Text
               style=Style.(
-                      style([
-                        marginVertical(Pt(20.)),
-                        textAlign(Center),
-                        fontSize(Float(20.)),
-                      ])
-                    )>
-              (ReasonReact.string("Get SEND_SMS permission"))
+                style([
+                  marginVertical(Pt(20.)),
+                  textAlign(Center),
+                  fontSize(Float(20.)),
+                ])
+              )>
+              {ReasonReact.string("Get SEND_SMS permission")}
             </Text>
           </View>
         </TouchableNativeFeedback>
@@ -80,18 +80,18 @@ module ExampleMultiple = {
     render: _children =>
       <View>
         <TouchableNativeFeedback
-          background=(TouchableNativeFeedback.selectableBackground())
+          background={TouchableNativeFeedback.selectableBackground()}
           onPress=requestMultiplePermissions>
           <View style=Style.(style([backgroundColor(String("#03DAC5"))]))>
             <Text
               style=Style.(
-                      style([
-                        marginVertical(Pt(20.)),
-                        textAlign(Center),
-                        fontSize(Float(20.)),
-                      ])
-                    )>
-              (ReasonReact.string("Get multiple permissions"))
+                style([
+                  marginVertical(Pt(20.)),
+                  textAlign(Center),
+                  fontSize(Float(20.)),
+                ])
+              )>
+              {ReasonReact.string("Get multiple permissions")}
             </Text>
           </View>
         </TouchableNativeFeedback>
@@ -110,4 +110,4 @@ let examples: array(Example.t) = [|
     description: Some("Multiple permissions"),
     render: () => <ExampleMultiple />,
   },
-|];
+|];
\ No newline at end of file
diff --git a/example/src/pages/ProgressBarAndroidExample.re b/example/src/pages/ProgressBarAndroidExample.re
index 823d3741882451..07d9b10a836ef6 100644
--- a/example/src/pages/ProgressBarAndroidExample.re
+++ b/example/src/pages/ProgressBarAndroidExample.re
@@ -52,4 +52,4 @@ let examples: array(Example.t) = [|
     description: Some("ProgressBarAndroid with Inverse styleAttr"),
     render: () => <ExampleInverse />,
   },
-|];
+|];
\ No newline at end of file
diff --git a/example/src/pages/SettingsExample.re b/example/src/pages/SettingsExample.re
index 5c2d188c811fec..165148093f264f 100644
--- a/example/src/pages/SettingsExample.re
+++ b/example/src/pages/SettingsExample.re
@@ -42,18 +42,18 @@ module SetExample = {
     render: self =>
       <View>
         <TextInput
-          value=self.state.version
-          onChangeText=(text => self.send(SetVersion(text)))
+          value={self.state.version}
+          onChangeText={text => self.send(SetVersion(text))}
         />
         <Button
-          onPress=(
+          onPress={
             () => {
               let settings = Js.Dict.empty();
               Js.Dict.set(settings, "version_preference", self.state.version);
 
               Settings.set(settings);
             }
-          )
+          }
           title="Set version"
           accessibilityLabel="See an informative alert"
         />
@@ -72,14 +72,14 @@ let examples: array(Example.t) = [|
     description: Some("Get Settings value"),
     render: () =>
       <Button
-        onPress=(
+        onPress={
           () => {
             let version = Settings.get("version_preference");
             Alert.alert(~title="version -> " ++ version, ());
           }
-        )
+        }
         title="Get version"
         accessibilityLabel="See an informative alert"
       />,
   },
-|];
+|];
\ No newline at end of file
diff --git a/example/src/pages/TextInputExample.re b/example/src/pages/TextInputExample.re
index 017688a1c9c9a8..ed0bef0c8cf99e 100644
--- a/example/src/pages/TextInputExample.re
+++ b/example/src/pages/TextInputExample.re
@@ -15,6 +15,6 @@ let examples: array(Example.t) = [|
     description:
       Some("Checking a simple TextInput with onKeyPress handler works"),
     render: () =>
-      <TextInput onKeyPress=(ev => Js.log(ev##nativeEvent##key)) />,
+      <TextInput onKeyPress={ev => Js.log(ev##nativeEvent##key)} />,
   },
-|];
+|];
\ No newline at end of file
diff --git a/example/src/pages/TouchableNativeFeedbackExample.re b/example/src/pages/TouchableNativeFeedbackExample.re
index a9b52bb1a8d3a6..a117577749ccab 100644
--- a/example/src/pages/TouchableNativeFeedbackExample.re
+++ b/example/src/pages/TouchableNativeFeedbackExample.re
@@ -19,17 +19,17 @@ module ExampleContent = {
     ...component,
     render: _children =>
       <TouchableNativeFeedback
-        background=(TouchableNativeFeedback.selectableBackground())>
+        background={TouchableNativeFeedback.selectableBackground()}>
         <View style=Style.(style([backgroundColor(String("#03DAC5"))]))>
           <Text
             style=Style.(
-                    style([
-                      marginVertical(Pt(20.)),
-                      textAlign(Center),
-                      fontSize(Float(20.)),
-                    ])
-                  )>
-            (ReasonReact.string("Press the button"))
+              style([
+                marginVertical(Pt(20.)),
+                textAlign(Center),
+                fontSize(Float(20.)),
+              ])
+            )>
+            {ReasonReact.string("Press the button")}
           </Text>
         </View>
       </TouchableNativeFeedback>,
@@ -42,4 +42,4 @@ let examples: array(Example.t) = [|
     description: Some("Base example"),
     render: () => <ExampleContent />,
   },
-|];
+|];
\ No newline at end of file
diff --git a/example/src/pages/ViewExample.re b/example/src/pages/ViewExample.re
index cf1e6a3a5e3359..f16994bf96609f 100644
--- a/example/src/pages/ViewExample.re
+++ b/example/src/pages/ViewExample.re
@@ -3,23 +3,21 @@ open Utils;
 
 let styles =
   StyleSheet.create(
-    Style.(
-      {
-        "box":
-          style([
-            backgroundColor(String("#527FE4")),
-            borderColor(String("#000033")),
-            borderWidth(1.),
-          ]),
-        "zIndex":
-          style([
-            justifyContent(SpaceAround),
-            width(Pt(100.)),
-            height(Pt(50.)),
-            marginTop(Pt(-10.)),
-          ]),
-      }
-    ),
+    Style.{
+      "box":
+        style([
+          backgroundColor(String("#527FE4")),
+          borderColor(String("#000033")),
+          borderWidth(1.),
+        ]),
+      "zIndex":
+        style([
+          justifyContent(SpaceAround),
+          width(Pt(100.)),
+          height(Pt(50.)),
+          marginTop(Pt(-10.)),
+        ]),
+    },
   );
 
 module ViewBorderStyleExample = {
@@ -37,10 +35,10 @@ module ViewBorderStyleExample = {
     render: ({state, send}) =>
       Style.(
         <TouchableWithoutFeedback
-          onPress=(_event => send(UpdateBorderState(! state.showBorder)))>
+          onPress={_event => send(UpdateBorderState(!state.showBorder))}>
           <View>
             <View
-              style=(
+              style={
                 style([
                   borderWidth(1.),
                   borderStyle(
@@ -52,13 +50,13 @@ module ViewBorderStyleExample = {
                   ),
                   padding(Pt(5.)),
                 ])
-              )>
-              <Text style=(style([fontSize(Float(11.))]))>
-                (ReasonReact.string("Dashed border style"))
+              }>
+              <Text style={style([fontSize(Float(11.))])}>
+                {ReasonReact.string("Dashed border style")}
               </Text>
             </View>
             <View
-              style=(
+              style={
                 style([
                   marginTop(Pt(5.)),
                   borderWidth(1.),
@@ -72,9 +70,9 @@ module ViewBorderStyleExample = {
                   ),
                   padding(Pt(5.)),
                 ])
-              )>
-              <Text style=(style([fontSize(Float(11.))]))>
-                (ReasonReact.string("Dotted border style"))
+              }>
+              <Text style={style([fontSize(Float(11.))])}>
+                {ReasonReact.string("Dotted border style")}
               </Text>
             </View>
           </View>
@@ -106,13 +104,13 @@ module ZIndexExample = {
       let zIndexStr = i =>
         "ZIndex " ++ string_of_int(Array.unsafe_get(indices, i));
       <TouchableWithoutFeedback
-        onPress=(_event => send(UpdateFlippedState(! state.flipped)))>
+        onPress={_event => send(UpdateFlippedState(!state.flipped))}>
         <View>
-          <Text style=(style([paddingBottom(Pt(10.))]))>
-            (ReasonReact.string("Tap to flip sorting order"))
+          <Text style={style([paddingBottom(Pt(10.))])}>
+            {ReasonReact.string("Tap to flip sorting order")}
           </Text>
           <View
-            style=(
+            style={
               concat([
                 styles##zIndex,
                 style([
@@ -121,11 +119,11 @@ module ZIndexExample = {
                   zIndex(Array.unsafe_get(indices, 0)),
                 ]),
               ])
-            )>
-            <Text> (ReasonReact.string(zIndexStr(0))) </Text>
+            }>
+            <Text> {ReasonReact.string(zIndexStr(0))} </Text>
           </View>
           <View
-            style=(
+            style={
               concat([
                 styles##zIndex,
                 style([
@@ -134,11 +132,11 @@ module ZIndexExample = {
                   zIndex(Array.unsafe_get(indices, 1)),
                 ]),
               ])
-            )>
-            <Text> (ReasonReact.string(zIndexStr(1))) </Text>
+            }>
+            <Text> {ReasonReact.string(zIndexStr(1))} </Text>
           </View>
           <View
-            style=(
+            style={
               concat([
                 styles##zIndex,
                 style([
@@ -147,11 +145,11 @@ module ZIndexExample = {
                   zIndex(Array.unsafe_get(indices, 2)),
                 ]),
               ])
-            )>
-            <Text> (ReasonReact.string(zIndexStr(2))) </Text>
+            }>
+            <Text> {ReasonReact.string(zIndexStr(2))} </Text>
           </View>
           <View
-            style=(
+            style={
               concat([
                 styles##zIndex,
                 style([
@@ -160,8 +158,8 @@ module ZIndexExample = {
                   zIndex(Array.unsafe_get(indices, 3)),
                 ]),
               ])
-            )>
-            <Text> (ReasonReact.string(zIndexStr(3))) </Text>
+            }>
+            <Text> {ReasonReact.string(zIndexStr(3))} </Text>
           </View>
         </View>
       </TouchableWithoutFeedback>;
@@ -185,11 +183,11 @@ let examples: array(Example.t) =
         description: None,
         render: () =>
           <View
-            style=(
+            style={
               style([backgroundColor(String("#527FE4")), padding(Pt(5.))])
-            )>
-            <Text style=(style([fontSize(Float(11.))]))>
-              (ReasonReact.string("Blue background"))
+            }>
+            <Text style={style([fontSize(Float(11.))])}>
+              {ReasonReact.string("Blue background")}
             </Text>
           </View>,
       },
@@ -198,15 +196,15 @@ let examples: array(Example.t) =
         description: None,
         render: () =>
           <View
-            style=(
+            style={
               style([
                 borderColor(String("#527FE4")),
                 borderWidth(5.),
                 padding(Pt(10.)),
               ])
-            )>
-            <Text style=(style([fontSize(Float(11.))]))>
-              (ReasonReact.string("5px blue border"))
+            }>
+            <Text style={style([fontSize(Float(11.))])}>
+              {ReasonReact.string("5px blue border")}
             </Text>
           </View>,
       },
@@ -215,21 +213,21 @@ let examples: array(Example.t) =
         description: None,
         render: () =>
           <View
-            style=(
+            style={
               style([borderColor(String("#bb0000")), borderWidth(1.)])
-            )>
-            <View style=(concat([styles##box, style([padding(Pt(5.))])]))>
-              <Text style=(style([fontSize(Float(11.))]))>
-                (ReasonReact.string("5px padding"))
+            }>
+            <View style={concat([styles##box, style([padding(Pt(5.))])])}>
+              <Text style={style([fontSize(Float(11.))])}>
+                {ReasonReact.string("5px padding")}
               </Text>
             </View>
-            <View style=(concat([styles##box, style([margin(Pt(5.))])]))>
-              <Text style=(style([fontSize(Float(11.))]))>
-                (ReasonReact.string("5px margin"))
+            <View style={concat([styles##box, style([margin(Pt(5.))])])}>
+              <Text style={style([fontSize(Float(11.))])}>
+                {ReasonReact.string("5px margin")}
               </Text>
             </View>
             <View
-              style=(
+              style={
                 concat([
                   styles##box,
                   style([
@@ -238,12 +236,12 @@ let examples: array(Example.t) =
                     alignSelf(FlexStart),
                   ]),
                 ])
-              )>
-              <Text style=(style([fontSize(Float(11.))]))>
-                (ReasonReact.string("5px margin and padding,"))
+              }>
+              <Text style={style([fontSize(Float(11.))])}>
+                {ReasonReact.string("5px margin and padding,")}
               </Text>
-              <Text style=(style([fontSize(Float(11.))]))>
-                (ReasonReact.string("widthAutonomous=true"))
+              <Text style={style([fontSize(Float(11.))])}>
+                {ReasonReact.string("widthAutonomous=true")}
               </Text>
             </View>
           </View>,
@@ -253,15 +251,15 @@ let examples: array(Example.t) =
         description: None,
         render: () =>
           <View
-            style=(
+            style={
               style([borderWidth(1.), borderRadius(5.), padding(Pt(5.))])
-            )>
-            <Text style=(style([fontSize(Float(11.))]))>
-              (
+            }>
+            <Text style={style([fontSize(Float(11.))])}>
+              {
                 ReasonReact.string(
                   "Too much use of `borderRadius` (especially large radii) on\nanything which is scrolling may result in dropped frames.\nUse sparingly.",
                 )
-              )
+              }
             </Text>
           </View>,
       },
@@ -275,23 +273,23 @@ let examples: array(Example.t) =
         description: None,
         render: () =>
           <View
-            style=(
+            style={
               style([
                 borderRadius(10.),
                 borderWidth(1.),
                 width(Pt(20.)),
                 height(Pt(20.)),
               ])
-            )
+            }
           />,
       },
       {
         title: "Overflow",
         description: None,
         render: () =>
-          <View style=(style([flexDirection(Row)]))>
+          <View style={style([flexDirection(Row)])}>
             <View
-              style=(
+              style={
                 style([
                   width(Pt(95.)),
                   height(Pt(10.)),
@@ -300,22 +298,22 @@ let examples: array(Example.t) =
                   overflow(Hidden),
                   borderWidth(StyleSheet.hairlineWidth),
                 ])
-              )>
-              <View style=(style([width(Pt(200.)), height(Pt(20.))]))>
-                <Text> (ReasonReact.string("Overflow hidden")) </Text>
+              }>
+              <View style={style([width(Pt(200.)), height(Pt(20.))])}>
+                <Text> {ReasonReact.string("Overflow hidden")} </Text>
               </View>
             </View>
             <View
-              style=(
+              style={
                 style([
                   width(Pt(95.)),
                   height(Pt(10.)),
                   marginBottom(Pt(5.)),
                   borderWidth(StyleSheet.hairlineWidth),
                 ])
-              )>
-              <View style=(style([width(Pt(200.)), height(Pt(20.))]))>
-                <Text> (ReasonReact.string("Overflow visible")) </Text>
+              }>
+              <View style={style([width(Pt(200.)), height(Pt(20.))])}>
+                <Text> {ReasonReact.string("Overflow visible")} </Text>
               </View>
             </View>
           </View>,
@@ -325,29 +323,29 @@ let examples: array(Example.t) =
         description: None,
         render: () =>
           <View>
-            <View style=(style([opacity(Float(0.0))]))>
-              <Text> (ReasonReact.string("Opacity 0")) </Text>
+            <View style={style([opacity(Float(0.0))])}>
+              <Text> {ReasonReact.string("Opacity 0")} </Text>
             </View>
-            <View style=(style([opacity(Float(0.1))]))>
-              <Text> (ReasonReact.string("Opacity 0.1")) </Text>
+            <View style={style([opacity(Float(0.1))])}>
+              <Text> {ReasonReact.string("Opacity 0.1")} </Text>
             </View>
-            <View style=(style([opacity(Float(0.3))]))>
-              <Text> (ReasonReact.string("Opacity 0.3")) </Text>
+            <View style={style([opacity(Float(0.3))])}>
+              <Text> {ReasonReact.string("Opacity 0.3")} </Text>
             </View>
-            <View style=(style([opacity(Float(0.5))]))>
-              <Text> (ReasonReact.string("Opacity 0.5")) </Text>
+            <View style={style([opacity(Float(0.5))])}>
+              <Text> {ReasonReact.string("Opacity 0.5")} </Text>
             </View>
-            <View style=(style([opacity(Float(0.7))]))>
-              <Text> (ReasonReact.string("Opacity 0.7")) </Text>
+            <View style={style([opacity(Float(0.7))])}>
+              <Text> {ReasonReact.string("Opacity 0.7")} </Text>
             </View>
-            <View style=(style([opacity(Float(0.9))]))>
-              <Text> (ReasonReact.string("Opacity 0.9")) </Text>
+            <View style={style([opacity(Float(0.9))])}>
+              <Text> {ReasonReact.string("Opacity 0.9")} </Text>
             </View>
-            <View style=(style([opacity(Float(1.0))]))>
-              <Text> (ReasonReact.string("Opacity 1")) </Text>
+            <View style={style([opacity(Float(1.0))])}>
+              <Text> {ReasonReact.string("Opacity 1")} </Text>
             </View>
           </View>,
       },
       {title: "ZIndex", description: None, render: () => <ZIndexExample />},
     |]
-  );
+  );
\ No newline at end of file
diff --git a/example/src/pages/ViewPagerAndroid.re b/example/src/pages/ViewPagerAndroid.re
index 0e809002e2595e..2273d50d28dc34 100644
--- a/example/src/pages/ViewPagerAndroid.re
+++ b/example/src/pages/ViewPagerAndroid.re
@@ -12,17 +12,11 @@ let description = "ViewPagerAndroid component (supported only on Android).";
 
 let styles =
   StyleSheet.create(
-    Style.(
-      {
-        "pageStyle": style([flex(1.), flexGrow(1.)]),
-        "viewPager":
-          style([
-            alignItems(Center),
-            padding(Pt(20.)),
-            height(Pt(400.)),
-          ]),
-      }
-    ),
+    Style.{
+      "pageStyle": style([flex(1.), flexGrow(1.)]),
+      "viewPager":
+        style([alignItems(Center), padding(Pt(20.)), height(Pt(400.))]),
+    },
   );
 
 module ExampleContent = {
@@ -47,31 +41,31 @@ module ExampleContent = {
     reducer: (_action: action, _state: state) => ReasonReact.NoUpdate,
     render: self =>
       <ViewPagerAndroid
-        ref=(self.handle(setPagerRef))
+        ref={self.handle(setPagerRef)}
         initialPage=0
         style=styles##viewPager
-        onLayout=(_ => Js.log("JUPI"))
-        onPageScroll=(
+        onLayout={_ => Js.log("JUPI")}
+        onPageScroll={
           e =>
             Js.log(
               "onPageScroll: " ++ string_of_int(e##nativeEvent##position),
             )
-        )
-        onPageSelected=(
+        }
+        onPageSelected={
           e =>
             Js.log(
               "onPageSelected: " ++ string_of_int(e##nativeEvent##position),
             )
-        )>
+        }>
         <View style=styles##pageStyle key="1">
-          <Text> (ReasonReact.string("First page")) </Text>
+          <Text> {ReasonReact.string("First page")} </Text>
           <Button
             title="Go to second page"
-            onPress=(self.handle(handlePress))
+            onPress={self.handle(handlePress)}
           />
         </View>
         <View style=styles##pageStyle key="2">
-          <Text> (ReasonReact.string("Second page")) </Text>
+          <Text> {ReasonReact.string("Second page")} </Text>
         </View>
       </ViewPagerAndroid>,
   };
@@ -83,4 +77,4 @@ let examples: array(Example.t) = [|
     description: Some("Basic ViewPagerAndroid"),
     render: () => <ExampleContent />,
   },
-|];
+|];
\ No newline at end of file
diff --git a/example/src/pages/WebViewExample.re b/example/src/pages/WebViewExample.re
index 8000331986f974..2db8dfb627ab4f 100644
--- a/example/src/pages/WebViewExample.re
+++ b/example/src/pages/WebViewExample.re
@@ -19,12 +19,12 @@ let examples: array(Example.t) =
         render: () => {
           let source = WebView.sourceUri(~uri="https://example.com", ());
           <View
-            style=(
+            style={
               style([backgroundColor(String("#527FE4")), padding(Pt(5.))])
-            )>
-            <WebView style=(style([height(Pt(400.))])) source />
+            }>
+            <WebView style={style([height(Pt(400.))])} source />
           </View>;
         },
       },
     |]
-  );
+  );
\ No newline at end of file
diff --git a/lib/js/src/alert.js b/lib/js/src/alert.js
index a72e3190653c95..80e146af9c885c 100644
--- a/lib/js/src/alert.js
+++ b/lib/js/src/alert.js
@@ -2,9 +2,9 @@
 'use strict';
 
 var $$Array = require("bs-platform/lib/js/array.js");
+var UtilsRN = require("./private/utilsRN.js");
 var Js_undefined = require("bs-platform/lib/js/js_undefined.js");
 var ReactNative = require("react-native");
-var UtilsRN$BsReactNative = require("./private/utilsRN.js");
 
 function alert(title, message, buttons, options, type_, _) {
   var msg = Js_undefined.fromOption(message);
@@ -13,7 +13,7 @@ function alert(title, message, buttons, options, type_, _) {
                   return {
                           text: Js_undefined.fromOption(param[/* text */0]),
                           onPress: Js_undefined.fromOption(param[/* onPress */1]),
-                          style: Js_undefined.fromOption(UtilsRN$BsReactNative.option_map((function (x) {
+                          style: Js_undefined.fromOption(UtilsRN.option_map((function (x) {
                                       if (x !== 465819841) {
                                         if (x >= 942927226) {
                                           return "cancel";
@@ -27,14 +27,14 @@ function alert(title, message, buttons, options, type_, _) {
                         };
                 }), $$Array.of_list(xs));
   };
-  var bts = Js_undefined.fromOption(UtilsRN$BsReactNative.option_map(transformButtons, buttons));
-  var opts = Js_undefined.fromOption(UtilsRN$BsReactNative.option_map((function (param) {
+  var bts = Js_undefined.fromOption(UtilsRN.option_map(transformButtons, buttons));
+  var opts = Js_undefined.fromOption(UtilsRN.option_map((function (param) {
               return {
                       cancelable: Js_undefined.fromOption(param[/* cancelable */0]),
                       onDismiss: Js_undefined.fromOption(param[/* onDismiss */1])
                     };
             }), options));
-  var t_ = Js_undefined.fromOption(UtilsRN$BsReactNative.option_map((function (x) {
+  var t_ = Js_undefined.fromOption(UtilsRN.option_map((function (x) {
               if (x >= 780034244) {
                 if (x >= 904380375) {
                   return "plain-text";
diff --git a/lib/js/src/alertIOS.js b/lib/js/src/alertIOS.js
index b7a6cbf698bc71..dc8f27c7c4a8ce 100644
--- a/lib/js/src/alertIOS.js
+++ b/lib/js/src/alertIOS.js
@@ -2,9 +2,9 @@
 'use strict';
 
 var $$Array = require("bs-platform/lib/js/array.js");
+var UtilsRN = require("./private/utilsRN.js");
 var Js_undefined = require("bs-platform/lib/js/js_undefined.js");
 var ReactNative = require("react-native");
-var UtilsRN$BsReactNative = require("./private/utilsRN.js");
 
 function alert(title, message, buttons, type_, _) {
   var msg = Js_undefined.fromOption(message);
@@ -13,7 +13,7 @@ function alert(title, message, buttons, type_, _) {
                   return {
                           text: Js_undefined.fromOption(param[/* text */0]),
                           onPress: Js_undefined.fromOption(param[/* onPress */1]),
-                          style: Js_undefined.fromOption(UtilsRN$BsReactNative.option_map((function (x) {
+                          style: Js_undefined.fromOption(UtilsRN.option_map((function (x) {
                                       if (x !== 465819841) {
                                         if (x >= 942927226) {
                                           return "cancel";
@@ -27,8 +27,8 @@ function alert(title, message, buttons, type_, _) {
                         };
                 }), $$Array.of_list(xs));
   };
-  var bts = Js_undefined.fromOption(UtilsRN$BsReactNative.option_map(transformButtons, buttons));
-  var t_ = Js_undefined.fromOption(UtilsRN$BsReactNative.option_map((function (x) {
+  var bts = Js_undefined.fromOption(UtilsRN.option_map(transformButtons, buttons));
+  var t_ = Js_undefined.fromOption(UtilsRN.option_map((function (x) {
               if (x >= 780034244) {
                 if (x >= 904380375) {
                   return "plain-text";
@@ -52,7 +52,7 @@ function prompt(title, message, buttons, type_, defaultValue, keyboardType, _) {
                   return {
                           text: Js_undefined.fromOption(param[/* text */0]),
                           onPress: Js_undefined.fromOption(param[/* onPress */1]),
-                          style: Js_undefined.fromOption(UtilsRN$BsReactNative.option_map((function (x) {
+                          style: Js_undefined.fromOption(UtilsRN.option_map((function (x) {
                                       if (x !== 465819841) {
                                         if (x >= 942927226) {
                                           return "cancel";
@@ -66,8 +66,8 @@ function prompt(title, message, buttons, type_, defaultValue, keyboardType, _) {
                         };
                 }), $$Array.of_list(xs));
   };
-  var bts = Js_undefined.fromOption(UtilsRN$BsReactNative.option_map(transformButtons, buttons));
-  var t_ = Js_undefined.fromOption(UtilsRN$BsReactNative.option_map((function (x) {
+  var bts = Js_undefined.fromOption(UtilsRN.option_map(transformButtons, buttons));
+  var t_ = Js_undefined.fromOption(UtilsRN.option_map((function (x) {
               if (x >= 780034244) {
                 if (x >= 904380375) {
                   return "plain-text";
@@ -81,7 +81,7 @@ function prompt(title, message, buttons, type_, defaultValue, keyboardType, _) {
               }
             }), type_));
   var def_ = Js_undefined.fromOption(defaultValue);
-  var keyboardT = Js_undefined.fromOption(UtilsRN$BsReactNative.option_map((function (x) {
+  var keyboardT = Js_undefined.fromOption(UtilsRN.option_map((function (x) {
               if (x >= 511059466) {
                 if (x >= 734061261) {
                   if (x >= 965330242) {
diff --git a/lib/js/src/animated.js b/lib/js/src/animated.js
index c764deced0af5b..829cf6a56289ee 100644
--- a/lib/js/src/animated.js
+++ b/lib/js/src/animated.js
@@ -1,41 +1,41 @@
 // Generated by BUCKLESCRIPT VERSION 4.0.5, PLEASE EDIT WITH CARE
 'use strict';
 
-var AnimatedRe$BsReactNative = require("./animatedRe.js");
+var AnimatedRe = require("./animatedRe.js");
 
-var Animation = AnimatedRe$BsReactNative.Animation;
+var Animation = AnimatedRe.Animation;
 
-var Interpolation = AnimatedRe$BsReactNative.Interpolation;
+var Interpolation = AnimatedRe.Interpolation;
 
-var Value = AnimatedRe$BsReactNative.Value;
+var Value = AnimatedRe.Value;
 
-var ValueXY = AnimatedRe$BsReactNative.ValueXY;
+var ValueXY = AnimatedRe.ValueXY;
 
-var $$event = AnimatedRe$BsReactNative.$$event;
+var $$event = AnimatedRe.$$event;
 
-var delay = AnimatedRe$BsReactNative.delay;
+var delay = AnimatedRe.delay;
 
-var sequence = AnimatedRe$BsReactNative.sequence;
+var sequence = AnimatedRe.sequence;
 
-var parallel = AnimatedRe$BsReactNative.parallel;
+var parallel = AnimatedRe.parallel;
 
-var stagger = AnimatedRe$BsReactNative.stagger;
+var stagger = AnimatedRe.stagger;
 
-var loop = AnimatedRe$BsReactNative.loop;
+var loop = AnimatedRe.loop;
 
-var createAnimatedComponent = AnimatedRe$BsReactNative.createAnimatedComponent;
+var createAnimatedComponent = AnimatedRe.createAnimatedComponent;
 
-var timing = AnimatedRe$BsReactNative.timing;
+var timing = AnimatedRe.timing;
 
-var spring = AnimatedRe$BsReactNative.spring;
+var spring = AnimatedRe.spring;
 
-var decay = AnimatedRe$BsReactNative.decay;
+var decay = AnimatedRe.decay;
 
-var stop = AnimatedRe$BsReactNative.stop;
+var stop = AnimatedRe.stop;
 
-var start = AnimatedRe$BsReactNative.start;
+var start = AnimatedRe.start;
 
-var reset = AnimatedRe$BsReactNative.reset;
+var reset = AnimatedRe.reset;
 
 var Text = 0;
 
@@ -69,4 +69,4 @@ exports.Image = Image;
 exports.View = View;
 exports.ScrollView = ScrollView;
 exports.FlatList = FlatList;
-/* AnimatedRe-BsReactNative Not a pure module */
+/* AnimatedRe Not a pure module */
diff --git a/lib/js/src/animatedRe.js b/lib/js/src/animatedRe.js
index d865d798cd28ca..b2d6d3181d9723 100644
--- a/lib/js/src/animatedRe.js
+++ b/lib/js/src/animatedRe.js
@@ -2,10 +2,10 @@
 'use strict';
 
 var $$Array = require("bs-platform/lib/js/array.js");
+var UtilsRN = require("./private/utilsRN.js");
 var Js_primitive = require("bs-platform/lib/js/js_primitive.js");
 var Js_undefined = require("bs-platform/lib/js/js_undefined.js");
 var ReactNative = require("react-native");
-var UtilsRN$BsReactNative = require("./private/utilsRN.js");
 
 function start(t, callback, _) {
   t.start(Js_undefined.fromOption(callback));
@@ -32,15 +32,15 @@ function interpolate(value, inputRange, outputRange, easing, extrapolate, extrap
   if (easing !== undefined) {
     tmp.easing = Js_primitive.valFromOption(easing);
   }
-  var tmp$1 = UtilsRN$BsReactNative.option_map(extrapolateString, extrapolate);
+  var tmp$1 = UtilsRN.option_map(extrapolateString, extrapolate);
   if (tmp$1 !== undefined) {
     tmp.extrapolate = Js_primitive.valFromOption(tmp$1);
   }
-  var tmp$2 = UtilsRN$BsReactNative.option_map(extrapolateString, extrapolateLeft);
+  var tmp$2 = UtilsRN.option_map(extrapolateString, extrapolateLeft);
   if (tmp$2 !== undefined) {
     tmp.extrapolateLeft = Js_primitive.valFromOption(tmp$2);
   }
-  var tmp$3 = UtilsRN$BsReactNative.option_map(extrapolateString, extrapolateRight);
+  var tmp$3 = UtilsRN.option_map(extrapolateString, extrapolateRight);
   if (tmp$3 !== undefined) {
     tmp.extrapolateRight = Js_primitive.valFromOption(tmp$3);
   }
diff --git a/lib/js/src/cameraRoll.js b/lib/js/src/cameraRoll.js
index a3eaa5fb83f619..8bced0fc0d47a0 100644
--- a/lib/js/src/cameraRoll.js
+++ b/lib/js/src/cameraRoll.js
@@ -2,10 +2,10 @@
 'use strict';
 
 var Block = require("bs-platform/lib/js/block.js");
+var UtilsRN = require("./private/utilsRN.js");
 var Js_primitive = require("bs-platform/lib/js/js_primitive.js");
 var Js_undefined = require("bs-platform/lib/js/js_undefined.js");
 var ReactNative = require("react-native");
-var UtilsRN$BsReactNative = require("./private/utilsRN.js");
 
 function mapFileType(fileType) {
   if (fileType) {
@@ -48,7 +48,7 @@ function mapAssetType(assetType) {
 }
 
 function saveToCameraRoll(uri, type_, _) {
-  var fileType = Js_undefined.fromOption(UtilsRN$BsReactNative.option_map(mapFileType, type_));
+  var fileType = Js_undefined.fromOption(UtilsRN.option_map(mapFileType, type_));
   return ReactNative.CameraRoll.saveToCameraRoll(uri, fileType).then((function (uri) {
                   return Promise.resolve(/* Ok */Block.__(0, [uri]));
                 })).catch((function (error) {
diff --git a/lib/js/src/components/activityIndicator.js b/lib/js/src/components/activityIndicator.js
index 4990be525f4c36..f037cb0ec4d3f3 100644
--- a/lib/js/src/components/activityIndicator.js
+++ b/lib/js/src/components/activityIndicator.js
@@ -1,10 +1,10 @@
 // Generated by BUCKLESCRIPT VERSION 4.0.5, PLEASE EDIT WITH CARE
 'use strict';
 
+var Props = require("../private/props.js");
+var UtilsRN = require("../private/utilsRN.js");
 var ReasonReact = require("reason-react/lib/js/src/ReasonReact.js");
 var ReactNative = require("react-native");
-var Props$BsReactNative = require("../private/props.js");
-var UtilsRN$BsReactNative = require("../private/utilsRN.js");
 
 function encodeSize(size) {
   if (typeof size === "number") {
@@ -25,10 +25,10 @@ function encodeSize(size) {
 }
 
 function make(animating, color, size, hidesWhenStopped, accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS) {
-  var partial_arg = Props$BsReactNative.extendView(accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS, {
+  var partial_arg = Props.extendView(accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS, {
         animating: animating,
         color: color,
-        size: UtilsRN$BsReactNative.option_map(encodeSize, size),
+        size: UtilsRN.option_map(encodeSize, size),
         hidesWhenStopped: hidesWhenStopped
       });
   var partial_arg$1 = ReactNative.ActivityIndicator;
diff --git a/lib/js/src/components/animatedComponents.js b/lib/js/src/components/animatedComponents.js
index a1c2f67799eef5..4bb55dc5844188 100644
--- a/lib/js/src/components/animatedComponents.js
+++ b/lib/js/src/components/animatedComponents.js
@@ -1,34 +1,34 @@
 // Generated by BUCKLESCRIPT VERSION 4.0.5, PLEASE EDIT WITH CARE
 'use strict';
 
+var Text = require("./text.js");
+var View = require("./view.js");
+var Image = require("./image.js");
+var FlatList = require("./flatList.js");
+var AnimatedRe = require("../animatedRe.js");
+var ScrollView = require("./scrollView.js");
 var Js_undefined = require("bs-platform/lib/js/js_undefined.js");
 var ReactNative = require("react-native");
-var Text$BsReactNative = require("./text.js");
-var View$BsReactNative = require("./view.js");
-var Image$BsReactNative = require("./image.js");
-var FlatList$BsReactNative = require("./flatList.js");
-var AnimatedRe$BsReactNative = require("../animatedRe.js");
-var ScrollView$BsReactNative = require("./scrollView.js");
 
 var view = ReactNative.Animated.View;
 
-var View = View$BsReactNative.CreateComponent(/* module */[/* view */view]);
+var View$1 = View.CreateComponent(/* module */[/* view */view]);
 
 var view$1 = ReactNative.Animated.Image;
 
-var Image = Image$BsReactNative.CreateComponent(/* module */[/* view */view$1]);
+var Image$1 = Image.CreateComponent(/* module */[/* view */view$1]);
 
-var view$2 = AnimatedRe$BsReactNative.createAnimatedComponent(ReactNative.FlatList);
+var view$2 = AnimatedRe.createAnimatedComponent(ReactNative.FlatList);
 
-var FlatList = FlatList$BsReactNative.CreateComponent(/* module */[/* view */view$2]);
+var FlatList$1 = FlatList.CreateComponent(/* module */[/* view */view$2]);
 
 var view$3 = ReactNative.Animated.Text;
 
-var Text = Text$BsReactNative.CreateComponent(/* module */[/* view */view$3]);
+var Text$1 = Text.CreateComponent(/* module */[/* view */view$3]);
 
 function onScrollUpdater(x, y, $staropt$star, _) {
   var $$native = $staropt$star !== undefined ? $staropt$star : false;
-  return AnimatedRe$BsReactNative.$$event(/* array */[{
+  return AnimatedRe.$$event(/* array */[{
                 nativeEvent: {
                   contentOffset: {
                     x: Js_undefined.fromOption(x),
@@ -42,7 +42,7 @@ function onScrollUpdater(x, y, $staropt$star, _) {
 
 var view$4 = ReactNative.Animated.ScrollView;
 
-var include = ScrollView$BsReactNative.CreateComponent(/* module */[/* view */view$4]);
+var include = ScrollView.CreateComponent(/* module */[/* view */view$4]);
 
 var ScrollView_001 = /* scrollTo */include[0];
 
@@ -50,16 +50,16 @@ var ScrollView_002 = /* scrollToEnd */include[1];
 
 var ScrollView_003 = /* make */include[2];
 
-var ScrollView = /* module */[
+var ScrollView$1 = /* module */[
   /* onScrollUpdater */onScrollUpdater,
   ScrollView_001,
   ScrollView_002,
   ScrollView_003
 ];
 
-exports.View = View;
-exports.Image = Image;
-exports.Text = Text;
-exports.FlatList = FlatList;
-exports.ScrollView = ScrollView;
+exports.View = View$1;
+exports.Image = Image$1;
+exports.Text = Text$1;
+exports.FlatList = FlatList$1;
+exports.ScrollView = ScrollView$1;
 /* View Not a pure module */
diff --git a/lib/js/src/components/datePickerIOS.js b/lib/js/src/components/datePickerIOS.js
index 8aa6e68eca26db..0257dbcfe53be4 100644
--- a/lib/js/src/components/datePickerIOS.js
+++ b/lib/js/src/components/datePickerIOS.js
@@ -1,10 +1,10 @@
 // Generated by BUCKLESCRIPT VERSION 4.0.5, PLEASE EDIT WITH CARE
 'use strict';
 
+var Props = require("../private/props.js");
+var UtilsRN = require("../private/utilsRN.js");
 var ReasonReact = require("reason-react/lib/js/src/ReasonReact.js");
 var ReactNative = require("react-native");
-var Props$BsReactNative = require("../private/props.js");
-var UtilsRN$BsReactNative = require("../private/utilsRN.js");
 
 function encodeMode(prop) {
   if (prop !== -855847923) {
@@ -19,12 +19,12 @@ function encodeMode(prop) {
 }
 
 function make(date, onDateChange, maximumDate, minimumDate, mode, minuteInterval, timeZoneOffsetInMinutes, accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS) {
-  var partial_arg = Props$BsReactNative.extendView(accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS, {
+  var partial_arg = Props.extendView(accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS, {
         date: date,
         onDateChange: onDateChange,
         maximumDate: maximumDate,
         minimumDate: minimumDate,
-        mode: UtilsRN$BsReactNative.option_map(encodeMode, mode),
+        mode: UtilsRN.option_map(encodeMode, mode),
         minuteInterval: minuteInterval,
         timeZoneOffsetInMinutes: timeZoneOffsetInMinutes
       });
diff --git a/lib/js/src/components/flatList.js b/lib/js/src/components/flatList.js
index c95cf5e577c38a..549a2ea68b1420 100644
--- a/lib/js/src/components/flatList.js
+++ b/lib/js/src/components/flatList.js
@@ -2,11 +2,11 @@
 'use strict';
 
 var Curry = require("bs-platform/lib/js/curry.js");
+var UtilsRN = require("../private/utilsRN.js");
 var ReasonReact = require("reason-react/lib/js/src/ReasonReact.js");
 var Js_primitive = require("bs-platform/lib/js/js_primitive.js");
 var Js_undefined = require("bs-platform/lib/js/js_undefined.js");
 var ReactNative = require("react-native");
-var UtilsRN$BsReactNative = require("../private/utilsRN.js");
 
 function CreateComponent(Impl) {
   var scrollToEnd = function (ref, animated) {
@@ -60,7 +60,7 @@ function CreateComponent(Impl) {
       columnWrapperStyle: columnWrapperStyle,
       data: data,
       extraData: extraData,
-      getItemLayout: UtilsRN$BsReactNative.option_map((function (f, data, index) {
+      getItemLayout: UtilsRN.option_map((function (f, data, index) {
               return Curry._2(f, data === undefined ? undefined : Js_primitive.some(data), index);
             }), getItemLayout),
       horizontal: horizontal,
@@ -73,7 +73,7 @@ function CreateComponent(Impl) {
       onEndReachedThreshold: onEndReachedThreshold,
       onRefresh: onRefresh,
       onViewableItemsChanged: onViewableItemsChanged,
-      overScrollMode: UtilsRN$BsReactNative.option_map((function (x) {
+      overScrollMode: UtilsRN.option_map((function (x) {
               if (x !== -958984497) {
                 if (x >= 422592140) {
                   return "never";
@@ -172,7 +172,7 @@ function make(data, renderItem, keyExtractor, itemSeparatorComponent, bounces, l
     columnWrapperStyle: columnWrapperStyle,
     data: data,
     extraData: extraData,
-    getItemLayout: UtilsRN$BsReactNative.option_map((function (f, data, index) {
+    getItemLayout: UtilsRN.option_map((function (f, data, index) {
             return Curry._2(f, data === undefined ? undefined : Js_primitive.some(data), index);
           }), getItemLayout),
     horizontal: horizontal,
@@ -185,7 +185,7 @@ function make(data, renderItem, keyExtractor, itemSeparatorComponent, bounces, l
     onEndReachedThreshold: onEndReachedThreshold,
     onRefresh: onRefresh,
     onViewableItemsChanged: onViewableItemsChanged,
-    overScrollMode: UtilsRN$BsReactNative.option_map((function (x) {
+    overScrollMode: UtilsRN.option_map((function (x) {
             if (x !== -958984497) {
               if (x >= 422592140) {
                 return "never";
diff --git a/lib/js/src/components/image.js b/lib/js/src/components/image.js
index 4357152c5d1614..33a21ea03ddf97 100644
--- a/lib/js/src/components/image.js
+++ b/lib/js/src/components/image.js
@@ -3,10 +3,10 @@
 
 var $$Array = require("bs-platform/lib/js/array.js");
 var Curry = require("bs-platform/lib/js/curry.js");
+var UtilsRN = require("../private/utilsRN.js");
 var ReasonReact = require("reason-react/lib/js/src/ReasonReact.js");
 var Js_primitive = require("bs-platform/lib/js/js_primitive.js");
 var ReactNative = require("react-native");
-var UtilsRN$BsReactNative = require("../private/utilsRN.js");
 
 function CreateComponent(Impl) {
   var encode_pt_only = function (value) {
@@ -15,8 +15,8 @@ function CreateComponent(Impl) {
   var imageURISource = function (uri, bundle, method_, headers, body, cache, scale, width, height, _) {
     var tmp = {
       uri: uri,
-      width: UtilsRN$BsReactNative.option_map(encode_pt_only, width),
-      height: UtilsRN$BsReactNative.option_map(encode_pt_only, height)
+      width: UtilsRN.option_map(encode_pt_only, width),
+      height: UtilsRN.option_map(encode_pt_only, height)
     };
     if (bundle !== undefined) {
       tmp.bundle = Js_primitive.valFromOption(bundle);
@@ -53,8 +53,8 @@ function CreateComponent(Impl) {
   var defaultURISource = function (uri, scale, width, height, _) {
     var tmp = {
       uri: uri,
-      width: UtilsRN$BsReactNative.option_map(encode_pt_only, width),
-      height: UtilsRN$BsReactNative.option_map(encode_pt_only, height)
+      width: UtilsRN.option_map(encode_pt_only, width),
+      height: UtilsRN.option_map(encode_pt_only, height)
     };
     if (scale !== undefined) {
       tmp.scale = Js_primitive.valFromOption(scale);
@@ -107,18 +107,18 @@ function CreateComponent(Impl) {
       onLoad: onLoad,
       onLoadEnd: onLoadEnd,
       onLoadStart: onLoadStart,
-      resizeMode: UtilsRN$BsReactNative.option_map(encodeResizeMode, resizeMode),
+      resizeMode: UtilsRN.option_map(encodeResizeMode, resizeMode),
       source: encodeSource(source),
       style: style,
       testID: testID,
-      resizeMethod: UtilsRN$BsReactNative.option_map(encodeResizeMethod, resizeMethod),
+      resizeMethod: UtilsRN.option_map(encodeResizeMethod, resizeMethod),
       accessibilityLabel: accessibilityLabel,
       accessible: accessible,
       blurRadius: blurRadius,
       capInsets: capInsets,
-      defaultSource: UtilsRN$BsReactNative.option_map(encodeDefaultSource, defaultSource),
+      defaultSource: UtilsRN.option_map(encodeDefaultSource, defaultSource),
       onPartialLoad: onPartialLoad,
-      onProgress: UtilsRN$BsReactNative.option_map((function (x, y) {
+      onProgress: UtilsRN.option_map((function (x, y) {
               return Curry._1(x, y.nativeEvent);
             }), onProgress)
     };
@@ -201,8 +201,8 @@ function encode_pt_only(value) {
 function imageURISource(uri, bundle, method_, headers, body, cache, scale, width, height, _) {
   var tmp = {
     uri: uri,
-    width: UtilsRN$BsReactNative.option_map(encode_pt_only, width),
-    height: UtilsRN$BsReactNative.option_map(encode_pt_only, height)
+    width: UtilsRN.option_map(encode_pt_only, width),
+    height: UtilsRN.option_map(encode_pt_only, height)
   };
   if (bundle !== undefined) {
     tmp.bundle = Js_primitive.valFromOption(bundle);
@@ -240,8 +240,8 @@ function imageURISource(uri, bundle, method_, headers, body, cache, scale, width
 function defaultURISource(uri, scale, width, height, _) {
   var tmp = {
     uri: uri,
-    width: UtilsRN$BsReactNative.option_map(encode_pt_only, width),
-    height: UtilsRN$BsReactNative.option_map(encode_pt_only, height)
+    width: UtilsRN.option_map(encode_pt_only, width),
+    height: UtilsRN.option_map(encode_pt_only, height)
   };
   if (scale !== undefined) {
     tmp.scale = Js_primitive.valFromOption(scale);
@@ -300,18 +300,18 @@ function make(onError, onLayout, onLoad, onLoadEnd, onLoadStart, resizeMode, sou
     onLoad: onLoad,
     onLoadEnd: onLoadEnd,
     onLoadStart: onLoadStart,
-    resizeMode: UtilsRN$BsReactNative.option_map(encodeResizeMode, resizeMode),
+    resizeMode: UtilsRN.option_map(encodeResizeMode, resizeMode),
     source: encodeSource(source),
     style: style,
     testID: testID,
-    resizeMethod: UtilsRN$BsReactNative.option_map(encodeResizeMethod, resizeMethod),
+    resizeMethod: UtilsRN.option_map(encodeResizeMethod, resizeMethod),
     accessibilityLabel: accessibilityLabel,
     accessible: accessible,
     blurRadius: blurRadius,
     capInsets: capInsets,
-    defaultSource: UtilsRN$BsReactNative.option_map(encodeDefaultSource, defaultSource),
+    defaultSource: UtilsRN.option_map(encodeDefaultSource, defaultSource),
     onPartialLoad: onPartialLoad,
-    onProgress: UtilsRN$BsReactNative.option_map((function (x, y) {
+    onProgress: UtilsRN.option_map((function (x, y) {
             return Curry._1(x, y.nativeEvent);
           }), onProgress)
   };
diff --git a/lib/js/src/components/imageBackground.js b/lib/js/src/components/imageBackground.js
index cfd361a98d8e8b..8a9ece31e13c2d 100644
--- a/lib/js/src/components/imageBackground.js
+++ b/lib/js/src/components/imageBackground.js
@@ -3,9 +3,9 @@
 
 var $$Array = require("bs-platform/lib/js/array.js");
 var Curry = require("bs-platform/lib/js/curry.js");
+var UtilsRN = require("../private/utilsRN.js");
 var ReasonReact = require("reason-react/lib/js/src/ReasonReact.js");
 var ReactNative = require("react-native");
-var UtilsRN$BsReactNative = require("../private/utilsRN.js");
 
 var Event = /* module */[];
 
@@ -16,7 +16,7 @@ function make(onError, onLayout, onLoad, onLoadEnd, onLoadStart, resizeMode, sou
     onLoad: onLoad,
     onLoadEnd: onLoadEnd,
     onLoadStart: onLoadStart,
-    resizeMode: UtilsRN$BsReactNative.option_map((function (x) {
+    resizeMode: UtilsRN.option_map((function (x) {
             if (x !== -162316795) {
               if (x >= 108828507) {
                 if (x >= 427065300) {
@@ -33,7 +33,7 @@ function make(onError, onLayout, onLoad, onLoadEnd, onLoadStart, resizeMode, sou
               return "stretch";
             }
           }), resizeMode),
-    source: UtilsRN$BsReactNative.option_map((function (x) {
+    source: UtilsRN.option_map((function (x) {
             if (x[0] >= 4245324) {
               return x[1];
             } else {
@@ -43,7 +43,7 @@ function make(onError, onLayout, onLoad, onLoadEnd, onLoadStart, resizeMode, sou
     style: style,
     imageStyle: imageStyle,
     testID: testID,
-    resizeMethod: UtilsRN$BsReactNative.option_map((function (x) {
+    resizeMethod: UtilsRN.option_map((function (x) {
             if (x !== -120664438) {
               if (x >= 142301684) {
                 return "resize";
@@ -58,11 +58,11 @@ function make(onError, onLayout, onLoad, onLoadEnd, onLoadStart, resizeMode, sou
     accessible: accessible,
     blurRadius: blurRadius,
     capInsets: capInsets,
-    defaultSource: UtilsRN$BsReactNative.option_map((function (x) {
+    defaultSource: UtilsRN.option_map((function (x) {
             return x[1];
           }), defaultSource),
     onPartialLoad: onPartialLoad,
-    onProgress: UtilsRN$BsReactNative.option_map((function (x, y) {
+    onProgress: UtilsRN.option_map((function (x, y) {
             return Curry._1(x, y.nativeEvent);
           }), onProgress)
   };
diff --git a/lib/js/src/components/keyboardAvoidingView.js b/lib/js/src/components/keyboardAvoidingView.js
index 8522e8231ceec6..3d83eee1517083 100644
--- a/lib/js/src/components/keyboardAvoidingView.js
+++ b/lib/js/src/components/keyboardAvoidingView.js
@@ -1,11 +1,11 @@
 // Generated by BUCKLESCRIPT VERSION 4.0.5, PLEASE EDIT WITH CARE
 'use strict';
 
+var Props = require("../private/props.js");
+var UtilsRN = require("../private/utilsRN.js");
 var Js_mapperRt = require("bs-platform/lib/js/js_mapperRt.js");
 var ReasonReact = require("reason-react/lib/js/src/ReasonReact.js");
 var ReactNative = require("react-native");
-var Props$BsReactNative = require("../private/props.js");
-var UtilsRN$BsReactNative = require("../private/utilsRN.js");
 
 var jsMapperConstantArray = /* array */[
   /* tuple */[
@@ -27,9 +27,9 @@ function behaviorToJs(param) {
 }
 
 function make(accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS, keyboardVerticalOffset, behavior, contentContainerStyle) {
-  var partial_arg = Props$BsReactNative.extendView(accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS, {
+  var partial_arg = Props.extendView(accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS, {
         keyboardVerticalOffset: keyboardVerticalOffset,
-        behavior: UtilsRN$BsReactNative.option_map(behaviorToJs, behavior),
+        behavior: UtilsRN.option_map(behaviorToJs, behavior),
         contentContainerStyle: contentContainerStyle
       });
   var partial_arg$1 = ReactNative.KeyboardAvoidingView;
diff --git a/lib/js/src/components/maskedViewIOS.js b/lib/js/src/components/maskedViewIOS.js
index 04a5eca549e8c8..6ffdb41b75842a 100644
--- a/lib/js/src/components/maskedViewIOS.js
+++ b/lib/js/src/components/maskedViewIOS.js
@@ -1,12 +1,12 @@
 // Generated by BUCKLESCRIPT VERSION 4.0.5, PLEASE EDIT WITH CARE
 'use strict';
 
+var Props = require("../private/props.js");
 var ReasonReact = require("reason-react/lib/js/src/ReasonReact.js");
 var ReactNative = require("react-native");
-var Props$BsReactNative = require("../private/props.js");
 
 function make(maskElement, accessible, accessibilityLabel, accessibilityComponentType, accessibilityTraits, onAccessibilityTap, hitSlop, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityViewIsModal, shouldRasterizeIOS) {
-  var partial_arg = Props$BsReactNative.extendView(accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS, {
+  var partial_arg = Props.extendView(accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS, {
         maskElement: maskElement
       });
   var partial_arg$1 = ReactNative.MaskedViewIOS;
diff --git a/lib/js/src/components/modal.js b/lib/js/src/components/modal.js
index 2b037cce34190d..0083c6cddfa033 100644
--- a/lib/js/src/components/modal.js
+++ b/lib/js/src/components/modal.js
@@ -2,9 +2,9 @@
 'use strict';
 
 var $$Array = require("bs-platform/lib/js/array.js");
+var UtilsRN = require("../private/utilsRN.js");
 var ReasonReact = require("reason-react/lib/js/src/ReasonReact.js");
 var ReactNative = require("react-native");
-var UtilsRN$BsReactNative = require("../private/utilsRN.js");
 
 function encodeAnimationType(x) {
   if (x !== -922086728) {
@@ -40,14 +40,14 @@ function encodeSupportedOrientations(xs) {
 
 function make(animationType, onShow, transparent, visible, hardwareAccelerated, onRequestClose, onOrientationChange, supportedOrientations) {
   var partial_arg = {
-    animationType: UtilsRN$BsReactNative.option_map(encodeAnimationType, animationType),
+    animationType: UtilsRN.option_map(encodeAnimationType, animationType),
     onShow: onShow,
     transparent: transparent,
     visible: visible,
     hardwareAccelerated: hardwareAccelerated,
     onRequestClose: onRequestClose,
     onOrientationChange: onOrientationChange,
-    supportedOrientations: UtilsRN$BsReactNative.option_map(encodeSupportedOrientations, supportedOrientations)
+    supportedOrientations: UtilsRN.option_map(encodeSupportedOrientations, supportedOrientations)
   };
   var partial_arg$1 = ReactNative.Modal;
   return (function (param) {
diff --git a/lib/js/src/components/picker.js b/lib/js/src/components/picker.js
index 30835508fb5c23..304e6f34eefa5e 100644
--- a/lib/js/src/components/picker.js
+++ b/lib/js/src/components/picker.js
@@ -1,10 +1,10 @@
 // Generated by BUCKLESCRIPT VERSION 4.0.5, PLEASE EDIT WITH CARE
 'use strict';
 
+var Props = require("../private/props.js");
+var UtilsRN = require("../private/utilsRN.js");
 var ReasonReact = require("reason-react/lib/js/src/ReasonReact.js");
 var ReactNative = require("react-native");
-var Props$BsReactNative = require("../private/props.js");
-var UtilsRN$BsReactNative = require("../private/utilsRN.js");
 
 function make(color, label, value, testID) {
   var partial_arg = {
@@ -30,13 +30,13 @@ function encodeMode(x) {
 }
 
 function make$1(onValueChange, selectedValue, enabled, mode, prompt, itemStyle, accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS) {
-  var partial_arg = Props$BsReactNative.extendView(accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS, {
+  var partial_arg = Props.extendView(accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS, {
         enabled: enabled,
         onValueChange: onValueChange,
         selectedValue: selectedValue,
         itemStyle: itemStyle,
         prompt: prompt,
-        mode: UtilsRN$BsReactNative.option_map(encodeMode, mode)
+        mode: UtilsRN.option_map(encodeMode, mode)
       });
   var partial_arg$1 = ReactNative.Picker;
   return (function (param) {
diff --git a/lib/js/src/components/pickerIOS.js b/lib/js/src/components/pickerIOS.js
index d0858d7c86cb74..e06554d6d71847 100644
--- a/lib/js/src/components/pickerIOS.js
+++ b/lib/js/src/components/pickerIOS.js
@@ -1,9 +1,9 @@
 // Generated by BUCKLESCRIPT VERSION 4.0.5, PLEASE EDIT WITH CARE
 'use strict';
 
+var Props = require("../private/props.js");
 var ReasonReact = require("reason-react/lib/js/src/ReasonReact.js");
 var ReactNative = require("react-native");
-var Props$BsReactNative = require("../private/props.js");
 
 function make(label, value, color) {
   var partial_arg = {
@@ -20,7 +20,7 @@ function make(label, value, color) {
 var Item = /* module */[/* make */make];
 
 function make$1(itemStyle, onValueChange, selectedValue, accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS) {
-  var partial_arg = Props$BsReactNative.extendView(accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS, {
+  var partial_arg = Props.extendView(accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS, {
         itemStyle: itemStyle,
         onValueChange: onValueChange,
         selectedValue: selectedValue
diff --git a/lib/js/src/components/progressBarAndroid.js b/lib/js/src/components/progressBarAndroid.js
index 420005a8d9b6ad..42768d3005d9fe 100644
--- a/lib/js/src/components/progressBarAndroid.js
+++ b/lib/js/src/components/progressBarAndroid.js
@@ -1,10 +1,10 @@
 // Generated by BUCKLESCRIPT VERSION 4.0.5, PLEASE EDIT WITH CARE
 'use strict';
 
+var Props = require("../private/props.js");
+var UtilsRN = require("../private/utilsRN.js");
 var ReasonReact = require("reason-react/lib/js/src/ReasonReact.js");
 var ReactNative = require("react-native");
-var Props$BsReactNative = require("../private/props.js");
-var UtilsRN$BsReactNative = require("../private/utilsRN.js");
 
 function styleAttribute(attr) {
   if (attr >= 188904336) {
@@ -31,12 +31,12 @@ function styleAttribute(attr) {
 }
 
 function make(animating, color, indeterminate, progress, styleAttr, accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS) {
-  var partial_arg = Props$BsReactNative.extendView(accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS, {
+  var partial_arg = Props.extendView(accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS, {
         animating: animating,
         color: color,
         indeterminate: indeterminate,
         progress: progress,
-        styleAttr: UtilsRN$BsReactNative.option_map(styleAttribute, styleAttr),
+        styleAttr: UtilsRN.option_map(styleAttribute, styleAttr),
         testID: testID
       });
   var partial_arg$1 = ReactNative.ProgressBarAndroid;
diff --git a/lib/js/src/components/progressViewIOS.js b/lib/js/src/components/progressViewIOS.js
index 597b5cd22a54d7..92624b953f58d2 100644
--- a/lib/js/src/components/progressViewIOS.js
+++ b/lib/js/src/components/progressViewIOS.js
@@ -1,12 +1,12 @@
 // Generated by BUCKLESCRIPT VERSION 4.0.5, PLEASE EDIT WITH CARE
 'use strict';
 
+var Props = require("../private/props.js");
 var ReasonReact = require("reason-react/lib/js/src/ReasonReact.js");
 var ReactNative = require("react-native");
-var Props$BsReactNative = require("../private/props.js");
 
 function make(progress, progressImage, progressTintColor, progressViewStyle, trackImage, trackTintColor, accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS) {
-  var partial_arg = Props$BsReactNative.extendView(accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS, {
+  var partial_arg = Props.extendView(accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS, {
         progress: progress,
         progressImage: progressImage,
         progressTintColor: progressTintColor,
diff --git a/lib/js/src/components/refreshControl.js b/lib/js/src/components/refreshControl.js
index af3b1e6ef2548b..5772285e0b752c 100644
--- a/lib/js/src/components/refreshControl.js
+++ b/lib/js/src/components/refreshControl.js
@@ -1,12 +1,12 @@
 // Generated by BUCKLESCRIPT VERSION 4.0.5, PLEASE EDIT WITH CARE
 'use strict';
 
+var Props = require("../private/props.js");
 var ReasonReact = require("reason-react/lib/js/src/ReasonReact.js");
 var ReactNative = require("react-native");
-var Props$BsReactNative = require("../private/props.js");
 
 function make(onRefresh, refreshing, colors, enabled, progressBackgroundColor, progressViewOffset, tintColor, title, titleColor, accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS) {
-  var partial_arg = Props$BsReactNative.extendView(accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS, {
+  var partial_arg = Props.extendView(accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS, {
         onRefresh: onRefresh,
         refreshing: refreshing,
         colors: colors,
diff --git a/lib/js/src/components/safeAreaView.js b/lib/js/src/components/safeAreaView.js
index 28910185369260..51aa1c687c33f6 100644
--- a/lib/js/src/components/safeAreaView.js
+++ b/lib/js/src/components/safeAreaView.js
@@ -1,12 +1,12 @@
 // Generated by BUCKLESCRIPT VERSION 4.0.5, PLEASE EDIT WITH CARE
 'use strict';
 
+var View = require("./view.js");
 var ReactNative = require("react-native");
-var View$BsReactNative = require("./view.js");
 
 var view = ReactNative.SafeAreaView;
 
-var include = View$BsReactNative.CreateComponent(/* module */[/* view */view]);
+var include = View.CreateComponent(/* module */[/* view */view]);
 
 var make = include[0];
 
diff --git a/lib/js/src/components/scrollView.js b/lib/js/src/components/scrollView.js
index d4402ca83e62b4..4d67be62133214 100644
--- a/lib/js/src/components/scrollView.js
+++ b/lib/js/src/components/scrollView.js
@@ -2,10 +2,10 @@
 'use strict';
 
 var $$Array = require("bs-platform/lib/js/array.js");
+var Props = require("../private/props.js");
+var UtilsRN = require("../private/utilsRN.js");
 var ReasonReact = require("reason-react/lib/js/src/ReasonReact.js");
 var ReactNative = require("react-native");
-var Props$BsReactNative = require("../private/props.js");
-var UtilsRN$BsReactNative = require("../private/utilsRN.js");
 
 function CreateComponent(Impl) {
   var scrollTo = function (ref, x, y, animated) {
@@ -23,10 +23,10 @@ function CreateComponent(Impl) {
     return /* () */0;
   };
   var make = function (accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS, contentContainerStyle, horizontal, keyboardDismissMode, keyboardShouldPersistTaps, onContentSizeChange, onScroll, pagingEnabled, refreshControl, scrollEnabled, showsHorizontalScrollIndicator, showsVerticalScrollIndicator, stickyHeaderIndices, overScrollMode, scrollPerfTag, alwaysBounceHorizontal, alwaysBounceVertical, automaticallyAdjustContentInsets, bounces, canCancelContentTouches, centerContent, contentInset, contentOffset, decelerationRate, directionalLockEnabled, indicatorStyle, maximumZoomScale, minimumZoomScale, onScrollAnimationEnd, scrollEventThrottle, scrollIndicatorInsets, scrollsToTop, snapToAlignment, zoomScale) {
-    var partial_arg = Props$BsReactNative.extendView(accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS, {
+    var partial_arg = Props.extendView(accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS, {
           contentContainerStyle: contentContainerStyle,
           horizontal: horizontal,
-          keyboardDismissMode: UtilsRN$BsReactNative.option_map((function (x) {
+          keyboardDismissMode: UtilsRN.option_map((function (x) {
                   if (x !== -453364557) {
                     if (x >= 1012481506) {
                       return "interactive";
@@ -37,7 +37,7 @@ function CreateComponent(Impl) {
                     return "on-drag";
                   }
                 }), keyboardDismissMode),
-          keyboardShouldPersistTaps: UtilsRN$BsReactNative.option_map((function (x) {
+          keyboardShouldPersistTaps: UtilsRN.option_map((function (x) {
                   if (x !== -958984497) {
                     if (x >= 422592140) {
                       return "never";
@@ -55,8 +55,8 @@ function CreateComponent(Impl) {
           scrollEnabled: scrollEnabled,
           showsHorizontalScrollIndicator: showsHorizontalScrollIndicator,
           showsVerticalScrollIndicator: showsVerticalScrollIndicator,
-          stickyHeaderIndices: UtilsRN$BsReactNative.option_map($$Array.of_list, stickyHeaderIndices),
-          overScrollMode: UtilsRN$BsReactNative.option_map((function (x) {
+          stickyHeaderIndices: UtilsRN.option_map($$Array.of_list, stickyHeaderIndices),
+          overScrollMode: UtilsRN.option_map((function (x) {
                   if (x !== -958984497) {
                     if (x >= 422592140) {
                       return "never";
@@ -75,13 +75,13 @@ function CreateComponent(Impl) {
           canCancelContentTouches: canCancelContentTouches,
           centerContent: centerContent,
           contentInset: contentInset,
-          contentOffset: UtilsRN$BsReactNative.option_map((function (param) {
+          contentOffset: UtilsRN.option_map((function (param) {
                   return {
                           x: param[/* x */0],
                           y: param[/* y */1]
                         };
                 }), contentOffset),
-          decelerationRate: UtilsRN$BsReactNative.option_map((function (x) {
+          decelerationRate: UtilsRN.option_map((function (x) {
                   if (x >= 812216871) {
                     return "normal";
                   } else {
@@ -89,7 +89,7 @@ function CreateComponent(Impl) {
                   }
                 }), decelerationRate),
           directionalLockEnabled: directionalLockEnabled,
-          indicatorStyle: UtilsRN$BsReactNative.option_map((function (x) {
+          indicatorStyle: UtilsRN.option_map((function (x) {
                   if (x !== 465819841) {
                     if (x >= 888264127) {
                       return "black";
@@ -106,7 +106,7 @@ function CreateComponent(Impl) {
           scrollEventThrottle: scrollEventThrottle,
           scrollIndicatorInsets: scrollIndicatorInsets,
           scrollsToTop: scrollsToTop,
-          snapToAlignment: UtilsRN$BsReactNative.option_map((function (x) {
+          snapToAlignment: UtilsRN.option_map((function (x) {
                   if (x !== 67859554) {
                     if (x >= 98248149) {
                       return "center";
@@ -150,10 +150,10 @@ function scrollToEnd(ref, animated) {
 }
 
 function make(accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS, contentContainerStyle, horizontal, keyboardDismissMode, keyboardShouldPersistTaps, onContentSizeChange, onScroll, pagingEnabled, refreshControl, scrollEnabled, showsHorizontalScrollIndicator, showsVerticalScrollIndicator, stickyHeaderIndices, overScrollMode, scrollPerfTag, alwaysBounceHorizontal, alwaysBounceVertical, automaticallyAdjustContentInsets, bounces, canCancelContentTouches, centerContent, contentInset, contentOffset, decelerationRate, directionalLockEnabled, indicatorStyle, maximumZoomScale, minimumZoomScale, onScrollAnimationEnd, scrollEventThrottle, scrollIndicatorInsets, scrollsToTop, snapToAlignment, zoomScale) {
-  var partial_arg = Props$BsReactNative.extendView(accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS, {
+  var partial_arg = Props.extendView(accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS, {
         contentContainerStyle: contentContainerStyle,
         horizontal: horizontal,
-        keyboardDismissMode: UtilsRN$BsReactNative.option_map((function (x) {
+        keyboardDismissMode: UtilsRN.option_map((function (x) {
                 if (x !== -453364557) {
                   if (x >= 1012481506) {
                     return "interactive";
@@ -164,7 +164,7 @@ function make(accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLay
                   return "on-drag";
                 }
               }), keyboardDismissMode),
-        keyboardShouldPersistTaps: UtilsRN$BsReactNative.option_map((function (x) {
+        keyboardShouldPersistTaps: UtilsRN.option_map((function (x) {
                 if (x !== -958984497) {
                   if (x >= 422592140) {
                     return "never";
@@ -182,8 +182,8 @@ function make(accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLay
         scrollEnabled: scrollEnabled,
         showsHorizontalScrollIndicator: showsHorizontalScrollIndicator,
         showsVerticalScrollIndicator: showsVerticalScrollIndicator,
-        stickyHeaderIndices: UtilsRN$BsReactNative.option_map($$Array.of_list, stickyHeaderIndices),
-        overScrollMode: UtilsRN$BsReactNative.option_map((function (x) {
+        stickyHeaderIndices: UtilsRN.option_map($$Array.of_list, stickyHeaderIndices),
+        overScrollMode: UtilsRN.option_map((function (x) {
                 if (x !== -958984497) {
                   if (x >= 422592140) {
                     return "never";
@@ -202,13 +202,13 @@ function make(accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLay
         canCancelContentTouches: canCancelContentTouches,
         centerContent: centerContent,
         contentInset: contentInset,
-        contentOffset: UtilsRN$BsReactNative.option_map((function (param) {
+        contentOffset: UtilsRN.option_map((function (param) {
                 return {
                         x: param[/* x */0],
                         y: param[/* y */1]
                       };
               }), contentOffset),
-        decelerationRate: UtilsRN$BsReactNative.option_map((function (x) {
+        decelerationRate: UtilsRN.option_map((function (x) {
                 if (x >= 812216871) {
                   return "normal";
                 } else {
@@ -216,7 +216,7 @@ function make(accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLay
                 }
               }), decelerationRate),
         directionalLockEnabled: directionalLockEnabled,
-        indicatorStyle: UtilsRN$BsReactNative.option_map((function (x) {
+        indicatorStyle: UtilsRN.option_map((function (x) {
                 if (x !== 465819841) {
                   if (x >= 888264127) {
                     return "black";
@@ -233,7 +233,7 @@ function make(accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLay
         scrollEventThrottle: scrollEventThrottle,
         scrollIndicatorInsets: scrollIndicatorInsets,
         scrollsToTop: scrollsToTop,
-        snapToAlignment: UtilsRN$BsReactNative.option_map((function (x) {
+        snapToAlignment: UtilsRN.option_map((function (x) {
                 if (x !== 67859554) {
                   if (x >= 98248149) {
                     return "center";
diff --git a/lib/js/src/components/sectionList.js b/lib/js/src/components/sectionList.js
index 24005724cac64f..62aa27349cbd74 100644
--- a/lib/js/src/components/sectionList.js
+++ b/lib/js/src/components/sectionList.js
@@ -3,12 +3,12 @@
 
 var $$Array = require("bs-platform/lib/js/array.js");
 var Curry = require("bs-platform/lib/js/curry.js");
+var UtilsRN = require("../private/utilsRN.js");
 var Js_mapperRt = require("bs-platform/lib/js/js_mapperRt.js");
 var ReasonReact = require("reason-react/lib/js/src/ReasonReact.js");
 var Js_primitive = require("bs-platform/lib/js/js_primitive.js");
 var Js_undefined = require("bs-platform/lib/js/js_undefined.js");
 var ReactNative = require("react-native");
-var UtilsRN$BsReactNative = require("../private/utilsRN.js");
 
 function jsSectionToSection(jsSection) {
   return /* record */[
@@ -40,7 +40,7 @@ function sections(reSections) {
                 return {
                         data: reSection[/* data */0],
                         key: Js_undefined.fromOption(reSection[/* key */1]),
-                        renderItem: Js_undefined.fromOption(UtilsRN$BsReactNative.option_map(renderItem, reSection[/* renderItem */2]))
+                        renderItem: Js_undefined.fromOption(UtilsRN.option_map(renderItem, reSection[/* renderItem */2]))
                       };
               }), reSections);
 }
@@ -49,10 +49,10 @@ function separatorComponent(reSeparatorComponent, jsSeparatorProps) {
   return Curry._1(reSeparatorComponent, /* record */[
               /* highlighted */jsSeparatorProps.highlighted,
               /* leadingItem */Js_primitive.undefined_to_opt(jsSeparatorProps.leadingItem),
-              /* leadingSection */UtilsRN$BsReactNative.option_map(jsSectionToSection, Js_primitive.undefined_to_opt(jsSeparatorProps.leadingSection)),
+              /* leadingSection */UtilsRN.option_map(jsSectionToSection, Js_primitive.undefined_to_opt(jsSeparatorProps.leadingSection)),
               /* section */jsSectionToSection(jsSeparatorProps.section),
               /* trailingItem */Js_primitive.undefined_to_opt(jsSeparatorProps.trailingItem),
-              /* trailingSection */UtilsRN$BsReactNative.option_map(jsSectionToSection, Js_primitive.undefined_to_opt(jsSeparatorProps.trailingSection))
+              /* trailingSection */UtilsRN.option_map(jsSectionToSection, Js_primitive.undefined_to_opt(jsSeparatorProps.trailingSection))
             ]);
 }
 
@@ -119,11 +119,11 @@ function make(sections, renderItem, keyExtractor, itemSeparatorComponent, listEm
               renderSectionHeader: renderSectionHeader,
               renderSectionFooter: renderSectionFooter,
               stickySectionHeadersEnabled: stickySectionHeadersEnabled,
-              keyboardDismissMode: UtilsRN$BsReactNative.option_map(keyboardDismissModeToJs, keyboardDismissMode),
-              keyboardShouldPersistTaps: UtilsRN$BsReactNative.option_map(keyboardShouldPersistTapsToJs, keyboardShouldPersistTaps),
+              keyboardDismissMode: UtilsRN.option_map(keyboardDismissModeToJs, keyboardDismissMode),
+              keyboardShouldPersistTaps: UtilsRN.option_map(keyboardShouldPersistTapsToJs, keyboardShouldPersistTaps),
               showsHorizontalScrollIndicator: showsHorizontalScrollIndicator,
               showsVerticalScrollIndicator: showsVerticalScrollIndicator,
-              getItemLayout: UtilsRN$BsReactNative.option_map((function (f, data, index) {
+              getItemLayout: UtilsRN.option_map((function (f, data, index) {
                       return Curry._2(f, data === undefined ? undefined : Js_primitive.some(data), index);
                     }), getItemLayout)
             }, _children);
diff --git a/lib/js/src/components/segmentedControllOS.js b/lib/js/src/components/segmentedControllOS.js
index 63bf845f1cc4dc..06949cd71b8130 100644
--- a/lib/js/src/components/segmentedControllOS.js
+++ b/lib/js/src/components/segmentedControllOS.js
@@ -2,12 +2,12 @@
 'use strict';
 
 var $$Array = require("bs-platform/lib/js/array.js");
+var Props = require("../private/props.js");
 var ReasonReact = require("reason-react/lib/js/src/ReasonReact.js");
 var ReactNative = require("react-native");
-var Props$BsReactNative = require("../private/props.js");
 
 function make(values, selectedIndex, onChange, enabled, momentary, tintColor, onValueChange, accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS) {
-  var partial_arg = Props$BsReactNative.extendView(accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS, {
+  var partial_arg = Props.extendView(accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS, {
         enabled: enabled,
         momentary: momentary,
         tintColor: tintColor,
diff --git a/lib/js/src/components/slider.js b/lib/js/src/components/slider.js
index 0e00139d9334e7..e4d173bfa54636 100644
--- a/lib/js/src/components/slider.js
+++ b/lib/js/src/components/slider.js
@@ -2,10 +2,10 @@
 'use strict';
 
 var $$Array = require("bs-platform/lib/js/array.js");
+var Props = require("../private/props.js");
+var UtilsRN = require("../private/utilsRN.js");
 var ReasonReact = require("reason-react/lib/js/src/ReasonReact.js");
 var ReactNative = require("react-native");
-var Props$BsReactNative = require("../private/props.js");
-var UtilsRN$BsReactNative = require("../private/utilsRN.js");
 
 function convertImageSource(src) {
   if (src[0] >= 4245324) {
@@ -16,7 +16,7 @@ function convertImageSource(src) {
 }
 
 function make(disabled, maximumTrackTintColor, maximumValue, minimumTrackTintColor, minimumValue, onSlidingComplete, onValueChange, step, value, thumbTintColor, maximumTrackImage, minimumTrackImage, thumbImage, trackImage, accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS) {
-  var partial_arg = Props$BsReactNative.extendView(accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS, {
+  var partial_arg = Props.extendView(accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS, {
         disabled: disabled,
         maximumTrackTintColor: maximumTrackTintColor,
         maximumValue: maximumValue,
@@ -27,10 +27,10 @@ function make(disabled, maximumTrackTintColor, maximumValue, minimumTrackTintCol
         step: step,
         value: value,
         thumbTintColor: thumbTintColor,
-        maximumTrackImage: UtilsRN$BsReactNative.option_map(convertImageSource, maximumTrackImage),
-        minimumTrackImage: UtilsRN$BsReactNative.option_map(convertImageSource, minimumTrackImage),
-        thumbImage: UtilsRN$BsReactNative.option_map(convertImageSource, thumbImage),
-        trackImage: UtilsRN$BsReactNative.option_map(convertImageSource, trackImage)
+        maximumTrackImage: UtilsRN.option_map(convertImageSource, maximumTrackImage),
+        minimumTrackImage: UtilsRN.option_map(convertImageSource, minimumTrackImage),
+        thumbImage: UtilsRN.option_map(convertImageSource, thumbImage),
+        trackImage: UtilsRN.option_map(convertImageSource, trackImage)
       });
   var partial_arg$1 = ReactNative.Slider;
   return (function (param) {
diff --git a/lib/js/src/components/snapshotViewIOS.js b/lib/js/src/components/snapshotViewIOS.js
index c764ba22bf9d1d..02f5596ca896fc 100644
--- a/lib/js/src/components/snapshotViewIOS.js
+++ b/lib/js/src/components/snapshotViewIOS.js
@@ -1,12 +1,12 @@
 // Generated by BUCKLESCRIPT VERSION 4.0.5, PLEASE EDIT WITH CARE
 'use strict';
 
+var Props = require("../private/props.js");
 var ReasonReact = require("reason-react/lib/js/src/ReasonReact.js");
 var ReactNative = require("react-native");
-var Props$BsReactNative = require("../private/props.js");
 
 function make(onSnapshotReady, testIdentifier, accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS) {
-  var partial_arg = Props$BsReactNative.extendView(accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS, {
+  var partial_arg = Props.extendView(accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS, {
         onSnapshotReady: onSnapshotReady,
         testIdentifier: testIdentifier
       });
diff --git a/lib/js/src/components/statusBar.js b/lib/js/src/components/statusBar.js
index e70b6c96af67f1..d42def1e88425c 100644
--- a/lib/js/src/components/statusBar.js
+++ b/lib/js/src/components/statusBar.js
@@ -1,13 +1,13 @@
 // Generated by BUCKLESCRIPT VERSION 4.0.5, PLEASE EDIT WITH CARE
 'use strict';
 
+var UtilsRN = require("../private/utilsRN.js");
 var ReasonReact = require("reason-react/lib/js/src/ReasonReact.js");
 var Js_undefined = require("bs-platform/lib/js/js_undefined.js");
 var ReactNative = require("react-native");
-var UtilsRN$BsReactNative = require("../private/utilsRN.js");
 
 function setHidden(hidden, animation, _) {
-  ReactNative.StatusBar.setHidden(hidden, Js_undefined.fromOption(UtilsRN$BsReactNative.option_map((function (x) {
+  ReactNative.StatusBar.setHidden(hidden, Js_undefined.fromOption(UtilsRN.option_map((function (x) {
                   if (x !== -922086728) {
                     if (x >= -20462287) {
                       return "slide";
@@ -46,7 +46,7 @@ function setTranslucent(translucent) {
 function make(animated, barStyle, hidden, backgroundColor, translucent, networkActivityIndicatorVisible, showHideTransition) {
   var partial_arg = {
     animated: animated,
-    barStyle: UtilsRN$BsReactNative.option_map((function (x) {
+    barStyle: UtilsRN.option_map((function (x) {
             if (x !== -106329341) {
               if (x >= 465819841) {
                 return "default";
@@ -61,7 +61,7 @@ function make(animated, barStyle, hidden, backgroundColor, translucent, networkA
     hidden: hidden,
     translucent: translucent,
     networkActivityIndicatorVisible: networkActivityIndicatorVisible,
-    showHideTransition: UtilsRN$BsReactNative.option_map((function (x) {
+    showHideTransition: UtilsRN.option_map((function (x) {
             if (x !== -922086728) {
               if (x >= -20462287) {
                 return "slide";
diff --git a/lib/js/src/components/switch.js b/lib/js/src/components/switch.js
index 437c9b8bde1281..6d29b824f631aa 100644
--- a/lib/js/src/components/switch.js
+++ b/lib/js/src/components/switch.js
@@ -1,12 +1,12 @@
 // Generated by BUCKLESCRIPT VERSION 4.0.5, PLEASE EDIT WITH CARE
 'use strict';
 
+var Props = require("../private/props.js");
 var ReasonReact = require("reason-react/lib/js/src/ReasonReact.js");
 var ReactNative = require("react-native");
-var Props$BsReactNative = require("../private/props.js");
 
 function make(disabled, onTintColor, onValueChange, thumbTintColor, tintColor, value, accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS) {
-  var partial_arg = Props$BsReactNative.extendView(accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS, {
+  var partial_arg = Props.extendView(accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS, {
         value: value,
         disabled: disabled,
         onValueChange: onValueChange,
diff --git a/lib/js/src/components/tabBarIOS.js b/lib/js/src/components/tabBarIOS.js
index 01441d30752bf1..c35804f32f0e48 100644
--- a/lib/js/src/components/tabBarIOS.js
+++ b/lib/js/src/components/tabBarIOS.js
@@ -1,13 +1,13 @@
 // Generated by BUCKLESCRIPT VERSION 4.0.5, PLEASE EDIT WITH CARE
 'use strict';
 
+var Props = require("../private/props.js");
+var UtilsRN = require("../private/utilsRN.js");
 var ReasonReact = require("reason-react/lib/js/src/ReasonReact.js");
 var ReactNative = require("react-native");
-var Props$BsReactNative = require("../private/props.js");
-var UtilsRN$BsReactNative = require("../private/utilsRN.js");
 
 function make(title, badgeColor, badge, icon, onPress, renderAsOriginal, style, selected, selectedIcon, isTVSelectable, accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS) {
-  var partial_arg = Props$BsReactNative.extendView(accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS, {
+  var partial_arg = Props.extendView(accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS, {
         badgeColor: badgeColor,
         title: title,
         badge: badge,
@@ -28,9 +28,9 @@ function make(title, badgeColor, badge, icon, onPress, renderAsOriginal, style,
 var Item = /* module */[/* make */make];
 
 function make$1(barTintColor, itemPositioning, style, tintColor, translucent, unselectedItemTintColor, unselectedTintColor, accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS) {
-  var partial_arg = Props$BsReactNative.extendView(accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS, {
+  var partial_arg = Props.extendView(accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS, {
         barTintColor: barTintColor,
-        itemPositioning: UtilsRN$BsReactNative.option_map((function (x) {
+        itemPositioning: UtilsRN.option_map((function (x) {
                 if (x !== -1011102077) {
                   if (x >= 98248149) {
                     return "center";
diff --git a/lib/js/src/components/text.js b/lib/js/src/components/text.js
index 7689127ca96783..755aa054e8538f 100644
--- a/lib/js/src/components/text.js
+++ b/lib/js/src/components/text.js
@@ -2,16 +2,16 @@
 'use strict';
 
 var $$Array = require("bs-platform/lib/js/array.js");
+var UtilsRN = require("../private/utilsRN.js");
 var ReasonReact = require("reason-react/lib/js/src/ReasonReact.js");
 var ReactNative = require("react-native");
-var UtilsRN$BsReactNative = require("../private/utilsRN.js");
 
 function CreateComponent(Impl) {
   var make = function (accessible, allowFontScaling, ellipsizeMode, numberOfLines, onLayout, onLongPress, onPress, pressRetentionOffset, selectable, style, testID, selectionColor, textBreakStrategy, adjustsFontSizeToFit, minimumFontScale, suppressHighlighting, value, children) {
     return ReasonReact.wrapJsForReason(Impl[/* view */0], {
                 accessible: accessible,
                 allowFontScaling: allowFontScaling,
-                ellipsizeMode: UtilsRN$BsReactNative.option_map((function (param) {
+                ellipsizeMode: UtilsRN.option_map((function (param) {
                         if (param >= -866200747) {
                           if (param >= -856246640) {
                             return "tail";
@@ -33,7 +33,7 @@ function CreateComponent(Impl) {
                 style: style,
                 testID: testID,
                 selectionColor: selectionColor,
-                textBreakStrategy: UtilsRN$BsReactNative.option_map((function (param) {
+                textBreakStrategy: UtilsRN.option_map((function (param) {
                         if (param !== -128197688) {
                           if (param >= 947848242) {
                             return "simple";
@@ -58,7 +58,7 @@ function make(accessible, allowFontScaling, ellipsizeMode, numberOfLines, onLayo
   return ReasonReact.wrapJsForReason(Impl[/* view */0], {
               accessible: accessible,
               allowFontScaling: allowFontScaling,
-              ellipsizeMode: UtilsRN$BsReactNative.option_map((function (param) {
+              ellipsizeMode: UtilsRN.option_map((function (param) {
                       if (param >= -866200747) {
                         if (param >= -856246640) {
                           return "tail";
@@ -80,7 +80,7 @@ function make(accessible, allowFontScaling, ellipsizeMode, numberOfLines, onLayo
               style: style,
               testID: testID,
               selectionColor: selectionColor,
-              textBreakStrategy: UtilsRN$BsReactNative.option_map((function (param) {
+              textBreakStrategy: UtilsRN.option_map((function (param) {
                       if (param !== -128197688) {
                         if (param >= 947848242) {
                           return "simple";
diff --git a/lib/js/src/components/textInput.js b/lib/js/src/components/textInput.js
index e97e7fe39950ea..6258f6b9a7ec42 100644
--- a/lib/js/src/components/textInput.js
+++ b/lib/js/src/components/textInput.js
@@ -2,14 +2,14 @@
 'use strict';
 
 var $$Array = require("bs-platform/lib/js/array.js");
+var Props = require("../private/props.js");
+var UtilsRN = require("../private/utilsRN.js");
 var ReasonReact = require("reason-react/lib/js/src/ReasonReact.js");
 var ReactNative = require("react-native");
-var Props$BsReactNative = require("../private/props.js");
-var UtilsRN$BsReactNative = require("../private/utilsRN.js");
 
 function make(accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS, autoCapitalize, autoCorrect, autoFocus, blurOnSubmit, caretHidden, defaultValue, editable, keyboardType, maxLength, multiline, onBlur, onChange, onChangeText, onContentSizeChange, onEndEditing, onFocus, onScroll, onSelectionChange, onSubmitEditing, placeholder, placeholderTextColor, returnKeyType, secureTextEntry, selectTextOnFocus, selection, selectionColor, value, disableFullscreenUI, inlineImageLeft, inlineImagePadding, numberOfLines, returnKeyLabel, textBreakStrategy, underlineColorAndroid, clearButtonMode, clearTextOnFocus, dataDetectorTypes, enablesReturnKeyAutomatically, keyboardAppearance, onKeyPress, selectionState, spellCheck, inputAccessoryViewID) {
-  var partial_arg = Props$BsReactNative.extendView(accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS, {
-        autoCapitalize: UtilsRN$BsReactNative.option_map((function (x) {
+  var partial_arg = Props.extendView(accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS, {
+        autoCapitalize: UtilsRN.option_map((function (x) {
                 if (x >= -707897174) {
                   if (x >= 57776752) {
                     return "sentences";
@@ -28,7 +28,7 @@ function make(accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLay
         caretHidden: caretHidden,
         defaultValue: defaultValue,
         editable: editable,
-        keyboardType: UtilsRN$BsReactNative.option_map((function (x) {
+        keyboardType: UtilsRN.option_map((function (x) {
                 if (x >= 511059466) {
                   if (x >= 734061261) {
                     if (x >= 965330242) {
@@ -78,7 +78,7 @@ function make(accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLay
         onSubmitEditing: onSubmitEditing,
         placeholder: placeholder,
         placeholderTextColor: placeholderTextColor,
-        returnKeyType: UtilsRN$BsReactNative.option_map((function (x) {
+        returnKeyType: UtilsRN.option_map((function (x) {
                 if (x >= -487088280) {
                   if (x >= 23080) {
                     if (x >= 598785079) {
@@ -129,7 +129,7 @@ function make(accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLay
         inlineImagePadding: inlineImagePadding,
         numberOfLines: numberOfLines,
         returnKeyLabel: returnKeyLabel,
-        textBreakStrategy: UtilsRN$BsReactNative.option_map((function (x) {
+        textBreakStrategy: UtilsRN.option_map((function (x) {
                 if (x !== -128197688) {
                   if (x >= 947848242) {
                     return "simple";
@@ -141,7 +141,7 @@ function make(accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLay
                 }
               }), textBreakStrategy),
         underlineColorAndroid: underlineColorAndroid,
-        clearButtonMode: UtilsRN$BsReactNative.option_map((function (x) {
+        clearButtonMode: UtilsRN.option_map((function (x) {
                 if (x >= -894774937) {
                   if (x >= 422592140) {
                     return "never";
@@ -155,7 +155,7 @@ function make(accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLay
                 }
               }), clearButtonMode),
         clearTextOnFocus: clearTextOnFocus,
-        dataDetectorTypes: UtilsRN$BsReactNative.option_map((function (param) {
+        dataDetectorTypes: UtilsRN.option_map((function (param) {
                 return $$Array.map((function (x) {
                               if (x !== -940571433) {
                                 if (x >= -119363460) {
@@ -175,7 +175,7 @@ function make(accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLay
                             }), param);
               }), dataDetectorTypes),
         enablesReturnKeyAutomatically: enablesReturnKeyAutomatically,
-        keyboardAppearance: UtilsRN$BsReactNative.option_map((function (x) {
+        keyboardAppearance: UtilsRN.option_map((function (x) {
                 if (x !== -184774442) {
                   if (x >= 465819841) {
                     return "never";
diff --git a/lib/js/src/components/touchableHighlight.js b/lib/js/src/components/touchableHighlight.js
index 8f046d14fbe41a..1efc74e8f8621b 100644
--- a/lib/js/src/components/touchableHighlight.js
+++ b/lib/js/src/components/touchableHighlight.js
@@ -3,9 +3,9 @@
 
 var List = require("bs-platform/lib/js/list.js");
 var $$Array = require("bs-platform/lib/js/array.js");
+var UtilsRN = require("../private/utilsRN.js");
 var ReasonReact = require("reason-react/lib/js/src/ReasonReact.js");
 var ReactNative = require("react-native");
-var UtilsRN$BsReactNative = require("../private/utilsRN.js");
 
 function make(accessible, accessibilityLabel, accessibilityComponentType, accessibilityTraits, delayLongPress, delayPressIn, delayPressOut, disabled, hitSlop, onLayout, onPress, onPressIn, onPressOut, pressRetentionOffset, activeOpacity, onHideUnderlay, onShowUnderlay, style, underlayColor, hasTVPreferredFocus, tvParallaxProperties) {
   var partial_arg = {
@@ -21,7 +21,7 @@ function make(accessible, accessibilityLabel, accessibilityComponentType, access
     onPressIn: onPressIn,
     onPressOut: onPressOut,
     pressRetentionOffset: pressRetentionOffset,
-    accessibilityComponentType: UtilsRN$BsReactNative.option_map((function (x) {
+    accessibilityComponentType: UtilsRN.option_map((function (x) {
             if (x >= 310731477) {
               if (x >= 735392028) {
                 return "radiobutton_unchecked";
@@ -34,7 +34,7 @@ function make(accessible, accessibilityLabel, accessibilityComponentType, access
               return "none";
             }
           }), accessibilityComponentType),
-    accessibilityTraits: UtilsRN$BsReactNative.option_map((function (traits) {
+    accessibilityTraits: UtilsRN.option_map((function (traits) {
             var to_string = function (param) {
               if (param >= -522290177) {
                 if (param >= -50329203) {
diff --git a/lib/js/src/components/touchableNativeFeedback.js b/lib/js/src/components/touchableNativeFeedback.js
index 8ce3ebbaa2cbf6..b86302094b5f33 100644
--- a/lib/js/src/components/touchableNativeFeedback.js
+++ b/lib/js/src/components/touchableNativeFeedback.js
@@ -3,9 +3,9 @@
 
 var List = require("bs-platform/lib/js/list.js");
 var $$Array = require("bs-platform/lib/js/array.js");
+var UtilsRN = require("../private/utilsRN.js");
 var ReasonReact = require("reason-react/lib/js/src/ReasonReact.js");
 var ReactNative = require("react-native");
-var UtilsRN$BsReactNative = require("../private/utilsRN.js");
 
 function make(accessible, accessibilityLabel, accessibilityComponentType, accessibilityTraits, delayLongPress, delayPressIn, delayPressOut, disabled, hitSlop, onLayout, onLongPress, onPress, onPressIn, onPressOut, pressRetentionOffset, style, background, useForeground) {
   var partial_arg = {
@@ -25,7 +25,7 @@ function make(accessible, accessibilityLabel, accessibilityComponentType, access
     pressRetentionOffset: pressRetentionOffset,
     style: style,
     useForeground: useForeground,
-    accessibilityComponentType: UtilsRN$BsReactNative.option_map((function (x) {
+    accessibilityComponentType: UtilsRN.option_map((function (x) {
             if (x >= 310731477) {
               if (x >= 735392028) {
                 return "radiobutton_unchecked";
@@ -38,7 +38,7 @@ function make(accessible, accessibilityLabel, accessibilityComponentType, access
               return "none";
             }
           }), accessibilityComponentType),
-    accessibilityTraits: UtilsRN$BsReactNative.option_map((function (traits) {
+    accessibilityTraits: UtilsRN.option_map((function (traits) {
             var to_string = function (param) {
               if (param >= -522290177) {
                 if (param >= -50329203) {
diff --git a/lib/js/src/components/touchableOpacity.js b/lib/js/src/components/touchableOpacity.js
index d6febefede3538..29c8ad7f1d02eb 100644
--- a/lib/js/src/components/touchableOpacity.js
+++ b/lib/js/src/components/touchableOpacity.js
@@ -3,9 +3,9 @@
 
 var List = require("bs-platform/lib/js/list.js");
 var $$Array = require("bs-platform/lib/js/array.js");
+var UtilsRN = require("../private/utilsRN.js");
 var ReasonReact = require("reason-react/lib/js/src/ReasonReact.js");
 var ReactNative = require("react-native");
-var UtilsRN$BsReactNative = require("../private/utilsRN.js");
 
 function make(accessible, accessibilityLabel, accessibilityComponentType, accessibilityTraits, delayLongPress, delayPressIn, delayPressOut, disabled, hitSlop, style, onLayout, onPress, onLongPress, onPressIn, onPressOut, pressRetentionOffset, activeOpacity, focusedOpacity, tvParallaxProperties) {
   var partial_arg = {
@@ -23,7 +23,7 @@ function make(accessible, accessibilityLabel, accessibilityComponentType, access
     onPressIn: onPressIn,
     onPressOut: onPressOut,
     pressRetentionOffset: pressRetentionOffset,
-    accessibilityComponentType: UtilsRN$BsReactNative.option_map((function (x) {
+    accessibilityComponentType: UtilsRN.option_map((function (x) {
             if (x >= 310731477) {
               if (x >= 735392028) {
                 return "radiobutton_unchecked";
@@ -36,7 +36,7 @@ function make(accessible, accessibilityLabel, accessibilityComponentType, access
               return "none";
             }
           }), accessibilityComponentType),
-    accessibilityTraits: UtilsRN$BsReactNative.option_map((function (traits) {
+    accessibilityTraits: UtilsRN.option_map((function (traits) {
             var to_string = function (param) {
               if (param >= -522290177) {
                 if (param >= -50329203) {
diff --git a/lib/js/src/components/touchableWithoutFeedback.js b/lib/js/src/components/touchableWithoutFeedback.js
index 7f7ed5b04d6026..eb3efaddce5508 100644
--- a/lib/js/src/components/touchableWithoutFeedback.js
+++ b/lib/js/src/components/touchableWithoutFeedback.js
@@ -3,9 +3,9 @@
 
 var List = require("bs-platform/lib/js/list.js");
 var $$Array = require("bs-platform/lib/js/array.js");
+var UtilsRN = require("../private/utilsRN.js");
 var ReasonReact = require("reason-react/lib/js/src/ReasonReact.js");
 var ReactNative = require("react-native");
-var UtilsRN$BsReactNative = require("../private/utilsRN.js");
 
 function make(accessible, accessibilityLabel, accessibilityComponentType, accessibilityTraits, delayLongPress, delayPressIn, delayPressOut, disabled, hitSlop, onLayout, onLongPress, onPress, onPressIn, onPressOut, pressRetentionOffset, style) {
   var partial_arg = {
@@ -23,7 +23,7 @@ function make(accessible, accessibilityLabel, accessibilityComponentType, access
     onPressOut: onPressOut,
     pressRetentionOffset: pressRetentionOffset,
     style: style,
-    accessibilityComponentType: UtilsRN$BsReactNative.option_map((function (x) {
+    accessibilityComponentType: UtilsRN.option_map((function (x) {
             if (x >= 310731477) {
               if (x >= 735392028) {
                 return "radiobutton_unchecked";
@@ -36,7 +36,7 @@ function make(accessible, accessibilityLabel, accessibilityComponentType, access
               return "none";
             }
           }), accessibilityComponentType),
-    accessibilityTraits: UtilsRN$BsReactNative.option_map((function (traits) {
+    accessibilityTraits: UtilsRN.option_map((function (traits) {
             var to_string = function (param) {
               if (param >= -522290177) {
                 if (param >= -50329203) {
diff --git a/lib/js/src/components/view.js b/lib/js/src/components/view.js
index 6e071570aa66f9..1eb663e26ddb10 100644
--- a/lib/js/src/components/view.js
+++ b/lib/js/src/components/view.js
@@ -1,13 +1,13 @@
 // Generated by BUCKLESCRIPT VERSION 4.0.5, PLEASE EDIT WITH CARE
 'use strict';
 
+var Props = require("../private/props.js");
 var ReasonReact = require("reason-react/lib/js/src/ReasonReact.js");
 var ReactNative = require("react-native");
-var Props$BsReactNative = require("../private/props.js");
 
 function CreateComponent(Impl) {
   var make = function (accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS) {
-    var partial_arg = Props$BsReactNative.extendView(accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS, { });
+    var partial_arg = Props.extendView(accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS, { });
     var partial_arg$1 = Impl[/* view */0];
     return (function (param) {
         return ReasonReact.wrapJsForReason(partial_arg$1, partial_arg, param);
@@ -19,7 +19,7 @@ function CreateComponent(Impl) {
 var Impl = /* module */[/* View */ReactNative.View];
 
 function make(accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS) {
-  var partial_arg = Props$BsReactNative.extendView(accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS, { });
+  var partial_arg = Props.extendView(accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS, { });
   var partial_arg$1 = Impl[/* view */0];
   return (function (param) {
       return ReasonReact.wrapJsForReason(partial_arg$1, partial_arg, param);
diff --git a/lib/js/src/components/viewPagerAndroid.js b/lib/js/src/components/viewPagerAndroid.js
index 8298985fae9f8e..3b4e2dfa2bd831 100644
--- a/lib/js/src/components/viewPagerAndroid.js
+++ b/lib/js/src/components/viewPagerAndroid.js
@@ -1,19 +1,19 @@
 // Generated by BUCKLESCRIPT VERSION 4.0.5, PLEASE EDIT WITH CARE
 'use strict';
 
+var Props = require("../private/props.js");
+var UtilsRN = require("../private/utilsRN.js");
 var ReasonReact = require("reason-react/lib/js/src/ReasonReact.js");
 var ReactNative = require("react-native");
-var Props$BsReactNative = require("../private/props.js");
-var UtilsRN$BsReactNative = require("../private/utilsRN.js");
 
 function make(initialPage, keyboardDismissMode, onPageScroll, onPageScrollStateChanged, onPageSelected, pageMargin, peekEnabled, scrollEnabled, accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS) {
-  var partial_arg = Props$BsReactNative.extendView(accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS, {
+  var partial_arg = Props.extendView(accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS, {
         initialPage: initialPage,
         onPageScroll: onPageScroll,
         onPageScrollStateChanged: onPageScrollStateChanged,
         onPageSelected: onPageSelected,
         pageMargin: pageMargin,
-        keyboardDismissMode: UtilsRN$BsReactNative.option_map((function (param) {
+        keyboardDismissMode: UtilsRN.option_map((function (param) {
                 if (param >= -453364557) {
                   return "on-drag";
                 } else {
diff --git a/lib/js/src/components/webView.js b/lib/js/src/components/webView.js
index bd18b83db0a811..fc9f8663277581 100644
--- a/lib/js/src/components/webView.js
+++ b/lib/js/src/components/webView.js
@@ -3,11 +3,11 @@
 
 var List = require("bs-platform/lib/js/list.js");
 var $$Array = require("bs-platform/lib/js/array.js");
+var Props = require("../private/props.js");
+var UtilsRN = require("../private/utilsRN.js");
 var ReasonReact = require("reason-react/lib/js/src/ReasonReact.js");
 var Js_primitive = require("bs-platform/lib/js/js_primitive.js");
 var ReactNative = require("react-native");
-var Props$BsReactNative = require("../private/props.js");
-var UtilsRN$BsReactNative = require("../private/utilsRN.js");
 
 var EventTypes = /* module */[];
 
@@ -29,7 +29,7 @@ function source(prim, prim$1, prim$2, prim$3, _) {
 }
 
 function make(source, style, renderError, renderLoading, onError, onLoad, onLoadEnd, onLoadStart, automaticallyAdjustContentInsets, contentInsets, accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS, injectJavaScript, injectedJavaScript, mediaPlaybackRequiresUserAction, onMessage, onNavigationStateChange, scalesPageToFit, startInLoadingState, domStorageEnabled, javaScriptEnabled, mixedContentMode, thirdPartyCookiesEnabled, userAgent, allowsInlineMediaPlayback, bounces, dataDetectorTypes, decelerationRate, onShouldStartLoadWithRequest, scrollEnabled) {
-  var partial_arg = Props$BsReactNative.extendView(accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS, {
+  var partial_arg = Props.extendView(accessibilityLabel, accessible, hitSlop, onAccessibilityTap, onLayout, onMagicTap, responderHandlers, pointerEvents, removeClippedSubviews, style, testID, accessibilityComponentType, accessibilityLiveRegion, collapsable, importantForAccessibility, needsOffscreenAlphaCompositing, renderToHardwareTextureAndroid, accessibilityTraits, accessibilityViewIsModal, shouldRasterizeIOS, {
         source: source,
         style: style,
         automaticallyAdjustContentInsets: automaticallyAdjustContentInsets,
@@ -49,7 +49,7 @@ function make(source, style, renderError, renderLoading, onError, onLoad, onLoad
         startInLoadingState: startInLoadingState,
         domStorageEnabled: domStorageEnabled,
         javaScriptEnabled: javaScriptEnabled,
-        mixedContentMode: UtilsRN$BsReactNative.option_map((function (contentMode) {
+        mixedContentMode: UtilsRN.option_map((function (contentMode) {
                 var to_string = function (param) {
                   if (param !== -853883856) {
                     if (param >= 422592140) {
@@ -67,7 +67,7 @@ function make(source, style, renderError, renderLoading, onError, onLoad, onLoad
         userAgent: userAgent,
         allowsInlineMediaPlayback: allowsInlineMediaPlayback,
         bounces: bounces,
-        dataDetectorTypes: UtilsRN$BsReactNative.option_map((function (dataDetectorType) {
+        dataDetectorTypes: UtilsRN.option_map((function (dataDetectorType) {
                 var to_string = function (param) {
                   if (param >= -922086728) {
                     if (param >= 4847905) {
@@ -89,7 +89,7 @@ function make(source, style, renderError, renderLoading, onError, onLoad, onLoad
                 };
                 return $$Array.of_list(List.map(to_string, dataDetectorType));
               }), dataDetectorTypes),
-        decelerationRate: UtilsRN$BsReactNative.option_map((function (rate) {
+        decelerationRate: UtilsRN.option_map((function (rate) {
                 var to_float = function (param) {
                   if (typeof param === "number") {
                     if (param >= 812216871) {
diff --git a/lib/js/src/panResponder.js b/lib/js/src/panResponder.js
index f581889807160f..a0ea7b28324aa4 100644
--- a/lib/js/src/panResponder.js
+++ b/lib/js/src/panResponder.js
@@ -3,10 +3,10 @@
 
 var List = require("bs-platform/lib/js/list.js");
 var Curry = require("bs-platform/lib/js/curry.js");
+var AnimatedRe = require("./animatedRe.js");
 var Js_primitive = require("bs-platform/lib/js/js_primitive.js");
 var Js_undefined = require("bs-platform/lib/js/js_undefined.js");
 var ReactNative = require("react-native");
-var AnimatedRe$BsReactNative = require("./animatedRe.js");
 
 function callback(x, $$event, state) {
   return Curry._2(x, $$event.nativeEvent, /* record */[
@@ -30,8 +30,8 @@ function animatedEvent(l) {
             if (variant >= 19713) {
               var value = y[1];
               return Object.assign(x, {
-                          dx: AnimatedRe$BsReactNative.ValueXY[/* getX */12](value),
-                          dy: AnimatedRe$BsReactNative.ValueXY[/* getY */13](value)
+                          dx: AnimatedRe.ValueXY[/* getX */12](value),
+                          dy: AnimatedRe.ValueXY[/* getY */13](value)
                         });
             } else {
               return Object.assign(x, {
@@ -44,7 +44,7 @@ function animatedEvent(l) {
                       });
           }
         }), { }, l);
-  return AnimatedRe$BsReactNative.$$event(/* array */[
+  return AnimatedRe.$$event(/* array */[
               null,
               config
             ], {
@@ -96,4 +96,4 @@ function panHandlers(t) {
 exports.callback = callback;
 exports.create = create;
 exports.panHandlers = panHandlers;
-/* react-native Not a pure module */
+/* AnimatedRe Not a pure module */
diff --git a/lib/js/src/platform.js b/lib/js/src/platform.js
index 4f0cdd1e27b0be..d016486851ae0b 100644
--- a/lib/js/src/platform.js
+++ b/lib/js/src/platform.js
@@ -5,7 +5,7 @@ var Js_exn = require("bs-platform/lib/js/js_exn.js");
 var ReactNative = require("react-native");
 var Caml_exceptions = require("bs-platform/lib/js/caml_exceptions.js");
 
-var UnknownPlatform = Caml_exceptions.create("Platform-BsReactNative.UnknownPlatform");
+var UnknownPlatform = Caml_exceptions.create("Platform.UnknownPlatform");
 
 function os() {
   var x = ReactNative.Platform.OS;
@@ -65,7 +65,7 @@ function equals(targetOs) {
   
 }
 
-var UnknownVersion = Caml_exceptions.create("Platform-BsReactNative.UnknownVersion");
+var UnknownVersion = Caml_exceptions.create("Platform.UnknownVersion");
 
 function version() {
   var match = ReactNative.Platform.Version;
diff --git a/lib/js/src/private/props.js b/lib/js/src/private/props.js
index 2d614757de5c18..64c9a9f5cb76ad 100644
--- a/lib/js/src/private/props.js
+++ b/lib/js/src/private/props.js
@@ -4,16 +4,16 @@
 var List = require("bs-platform/lib/js/list.js");
 var $$Array = require("bs-platform/lib/js/array.js");
 var Curry = require("bs-platform/lib/js/curry.js");
-var UtilsRN$BsReactNative = require("./utilsRN.js");
+var UtilsRN = require("./utilsRN.js");
 
 function serialize(handlers) {
   if (handlers !== undefined) {
     var handlers$1 = handlers;
     return {
-            onMoveShouldSetResponder: UtilsRN$BsReactNative.option_map((function (g, x) {
+            onMoveShouldSetResponder: UtilsRN.option_map((function (g, x) {
                     return Curry._1(g, x);
                   }), handlers$1[/* onMoveShouldSetResponder */0]),
-            onMoveShouldSetResponderCapture: UtilsRN$BsReactNative.option_map((function (g, x) {
+            onMoveShouldSetResponderCapture: UtilsRN.option_map((function (g, x) {
                     return Curry._1(g, x);
                   }), handlers$1[/* onMoveShouldSetResponderCapture */1]),
             onResponderGrant: handlers$1[/* onResponderGrant */2],
@@ -22,10 +22,10 @@ function serialize(handlers) {
             onResponderRelease: handlers$1[/* onResponderRelease */5],
             onResponderTerminate: handlers$1[/* onResponderTerminate */6],
             onResponderTerminationRequest: handlers$1[/* onResponderTerminationRequest */7],
-            onStartShouldSetResponder: UtilsRN$BsReactNative.option_map((function (g, x) {
+            onStartShouldSetResponder: UtilsRN.option_map((function (g, x) {
                     return Curry._1(g, x);
                   }), handlers$1[/* onStartShouldSetResponder */8]),
-            onStartShouldSetResponderCapture: UtilsRN$BsReactNative.option_map((function (g, x) {
+            onStartShouldSetResponderCapture: UtilsRN.option_map((function (g, x) {
                     return Curry._1(g, x);
                   }), handlers$1[/* onStartShouldSetResponderCapture */9])
           };
@@ -43,7 +43,7 @@ function extendView(accessibilityLabel, accessible, hitSlop, onAccessibilityTap,
               onLayout: onLayout,
               onMagicTap: onMagicTap,
               removeClippedSubviews: removeClippedSubviews,
-              pointerEvents: UtilsRN$BsReactNative.option_map((function (x) {
+              pointerEvents: UtilsRN.option_map((function (x) {
                       if (x >= 416112227) {
                         if (x >= 427151639) {
                           return "box-only";
@@ -58,7 +58,7 @@ function extendView(accessibilityLabel, accessible, hitSlop, onAccessibilityTap,
                     }), pointerEvents),
               style: style,
               testID: testID,
-              accessibilityComponentType: UtilsRN$BsReactNative.option_map((function (x) {
+              accessibilityComponentType: UtilsRN.option_map((function (x) {
                       if (x >= 310731477) {
                         if (x >= 735392028) {
                           return "radiobutton_unchecked";
@@ -71,7 +71,7 @@ function extendView(accessibilityLabel, accessible, hitSlop, onAccessibilityTap,
                         return "none";
                       }
                     }), accessibilityComponentType),
-              accessibilityLiveRegion: UtilsRN$BsReactNative.option_map((function (x) {
+              accessibilityLiveRegion: UtilsRN.option_map((function (x) {
                       if (x !== -114955603) {
                         if (x >= 536661202) {
                           return "assertive";
@@ -83,7 +83,7 @@ function extendView(accessibilityLabel, accessible, hitSlop, onAccessibilityTap,
                       }
                     }), accessibilityLiveRegion),
               collapsable: collapsable,
-              importantForAccessibility: UtilsRN$BsReactNative.option_map((function (prop) {
+              importantForAccessibility: UtilsRN.option_map((function (prop) {
                       if (prop >= 24641) {
                         if (prop >= 6039847) {
                           return "yes";
@@ -98,7 +98,7 @@ function extendView(accessibilityLabel, accessible, hitSlop, onAccessibilityTap,
                     }), importantForAccessibility),
               needsOffscreenAlphaCompositing: needsOffscreenAlphaCompositing,
               renderToHardwareTextureAndroid: renderToHardwareTextureAndroid,
-              accessibilityTraits: UtilsRN$BsReactNative.option_map((function (traits) {
+              accessibilityTraits: UtilsRN.option_map((function (traits) {
                       var to_string = function (param) {
                         if (param >= -522290177) {
                           if (param >= -50329203) {
diff --git a/lib/js/src/style.js b/lib/js/src/style.js
index 02f767691b5809..63a7718222af21 100644
--- a/lib/js/src/style.js
+++ b/lib/js/src/style.js
@@ -2,14 +2,14 @@
 'use strict';
 
 var $$Array = require("bs-platform/lib/js/array.js");
+var Encode = require("./private/encode.js");
 var Js_dict = require("bs-platform/lib/js/js_dict.js");
+var UtilsRN = require("./private/utilsRN.js");
 var Js_primitive = require("bs-platform/lib/js/js_primitive.js");
-var Encode$BsReactNative = require("./private/encode.js");
-var UtilsRN$BsReactNative = require("./private/utilsRN.js");
 
 function encode_pt_pct(param) {
   if (param.tag) {
-    return Encode$BsReactNative.pct(param[0]);
+    return Encode.pct(param[0]);
   } else {
     return param[0];
   }
@@ -19,7 +19,7 @@ function encode_pt_pct_auto(value) {
   if (typeof value === "number") {
     return "auto";
   } else if (value.tag) {
-    return Encode$BsReactNative.pct(value[0]);
+    return Encode.pct(value[0]);
   } else {
     return value[0];
   }
@@ -28,7 +28,7 @@ function encode_pt_pct_auto(value) {
 function encode_pt_pct_animated(param) {
   switch (param.tag | 0) {
     case 1 : 
-        return Encode$BsReactNative.pct(param[0]);
+        return Encode.pct(param[0]);
     case 0 : 
     case 2 : 
         return param[0];
@@ -590,11 +590,11 @@ function create_(encoder, rotationEncoder, perspective, rotate, rotateX, rotateY
 
 function make(perspective, rotate, rotateX, rotateY, rotateZ, scaleX, scaleY, translateX, translateY, skewX, skewY, _) {
   return create_((function (value) {
-                return UtilsRN$BsReactNative.option_map((function (prim) {
+                return UtilsRN.option_map((function (prim) {
                               return prim;
                             }), value);
               }), (function (value) {
-                return UtilsRN$BsReactNative.option_map((function (prim) {
+                return UtilsRN.option_map((function (prim) {
                               return prim;
                             }), value);
               }), perspective, rotate, rotateX, rotateY, rotateZ, scaleX, scaleY, translateX, translateY, skewX, skewY);
@@ -602,11 +602,11 @@ function make(perspective, rotate, rotateX, rotateY, rotateZ, scaleX, scaleY, tr
 
 function makeAnimated(perspective, rotate, rotateX, rotateY, rotateZ, scaleX, scaleY, translateX, translateY, skewX, skewY, _) {
   return create_((function (value) {
-                return UtilsRN$BsReactNative.option_map((function (prim) {
+                return UtilsRN.option_map((function (prim) {
                               return prim;
                             }), value);
               }), (function (value) {
-                return UtilsRN$BsReactNative.option_map((function (prim) {
+                return UtilsRN.option_map((function (prim) {
                               return prim;
                             }), value);
               }), perspective, rotate, rotateX, rotateY, rotateZ, scaleX, scaleY, translateX, translateY, skewX, skewY);
diff --git a/src/RNEvent.re b/src/RNEvent.re
index 99c11d65a126fd..0564587d62da68 100644
--- a/src/RNEvent.re
+++ b/src/RNEvent.re
@@ -2,16 +2,16 @@ type t;
 
 module NativeEvent = {
   type t;
-  [@bs.get] external changedTouches : t => array(Js.t({..})) = "";
-  [@bs.get] external identifier : t => int = "";
-  [@bs.get] external locationX : t => float = "";
-  [@bs.get] external locationY : t => float = "";
-  [@bs.get] external pageX : t => float = "";
-  [@bs.get] external pageY : t => float = "";
-  [@bs.get] external target : t => Js.t({..}) = "";
-  [@bs.get] external touches : t => array(Js.t({..})) = "";
-  [@bs.get] external timestamp : t => int = "";
-  [@bs.get] external data : t => string = "";
+  [@bs.get] external changedTouches: t => array(Js.t({..})) = "";
+  [@bs.get] external identifier: t => int = "";
+  [@bs.get] external locationX: t => float = "";
+  [@bs.get] external locationY: t => float = "";
+  [@bs.get] external pageX: t => float = "";
+  [@bs.get] external pageY: t => float = "";
+  [@bs.get] external target: t => Js.t({..}) = "";
+  [@bs.get] external touches: t => array(Js.t({..})) = "";
+  [@bs.get] external timestamp: t => int = "";
+  [@bs.get] external data: t => string = "";
 };
 
 module NativeLayoutEvent = {
@@ -22,7 +22,7 @@ module NativeLayoutEvent = {
     width: float,
     height: float,
   };
-  [@bs.get] external _layout : t => Js.t('a) = "nativeEvent";
+  [@bs.get] external _layout: t => Js.t('a) = "nativeEvent";
   let layout = (t: t) => {
     let l = _layout(t)##layout;
     {x: l##x, y: l##y, width: l##width, height: l##height};
@@ -45,7 +45,7 @@ module NativeScrollEvent = {
     left: float,
     right: float,
   };
-  [@bs.get] external _nativeEvent : t => Js.t('a) = "nativeEvent";
+  [@bs.get] external _nativeEvent: t => Js.t('a) = "nativeEvent";
   let contentOffset = (t: t) => {
     let co = _nativeEvent(t)##contentOffset;
     {x: co##x, y: co##y};
@@ -64,10 +64,8 @@ module NativeScrollEvent = {
   };
 };
 
-[@bs.get] external nativeEvent : t => NativeEvent.t = "";
+[@bs.get] external nativeEvent: t => NativeEvent.t = "";
 
-[@bs.get]
-external nativeLayoutEvent : t => NativeLayoutEvent.t = "nativeEvent";
+[@bs.get] external nativeLayoutEvent: t => NativeLayoutEvent.t = "nativeEvent";
 
-[@bs.get]
-external nativeScrollEvent : t => NativeScrollEvent.t = "nativeEvent";
+[@bs.get] external nativeScrollEvent: t => NativeScrollEvent.t = "nativeEvent";
\ No newline at end of file
diff --git a/src/RNEvent.rei b/src/RNEvent.rei
index 48dbb8e50fa1ba..7942ed23acfd04 100644
--- a/src/RNEvent.rei
+++ b/src/RNEvent.rei
@@ -51,4 +51,4 @@ let nativeEvent: t => NativeEvent.t;
 
 let nativeLayoutEvent: t => NativeLayoutEvent.t;
 
-let nativeScrollEvent: t => NativeScrollEvent.t;
+let nativeScrollEvent: t => NativeScrollEvent.t;
\ No newline at end of file
diff --git a/src/actionSheetIOS.re b/src/actionSheetIOS.re
index 88908d447ca52d..f5a4a5738b7903 100644
--- a/src/actionSheetIOS.re
+++ b/src/actionSheetIOS.re
@@ -5,7 +5,7 @@ type shareActionSheetConfig;
 type error;
 
 [@bs.obj]
-external makeActionSheetConfig :
+external makeActionSheetConfig:
   (
     ~options: array(string),
     ~cancelButtonIndex: int=?,
@@ -22,7 +22,7 @@ type options =
   | URL(string);
 
 [@bs.obj]
-external makeShareActionSheetConfig :
+external makeShareActionSheetConfig:
   (
     ~options: options,
     ~subject: string=?,
@@ -32,11 +32,11 @@ external makeShareActionSheetConfig :
   "";
 
 [@bs.module "react-native"] [@bs.scope "ActionSheetIOS"]
-external _showActionSheetWithOptions : (actionSheetConfig, int => unit) => unit =
+external _showActionSheetWithOptions: (actionSheetConfig, int => unit) => unit =
   "showActionSheetWithOptions";
 
 [@bs.module "react-native"] [@bs.scope "ActionSheetIOS"]
-external _showShareActionSheetWithOptions :
+external _showShareActionSheetWithOptions:
   (shareActionSheetConfig, error => unit, (bool, string) => unit) => unit =
   "showShareActionSheetWithOptions";
 
@@ -76,4 +76,4 @@ let showShareActionSheetWithOptions =
     makeShareActionSheetConfig(~options, ~subject?, ~excludedActivityTypes?),
     failureCallback,
     successCallback,
-  );
+  );
\ No newline at end of file
diff --git a/src/alertIOS.re b/src/alertIOS.re
index c57613a1ccf998..1a8507a233ab94 100644
--- a/src/alertIOS.re
+++ b/src/alertIOS.re
@@ -7,19 +7,17 @@ type button = {
 };
 
 [@bs.scope "AlertIOS"] [@bs.module "react-native"]
-external _alert :
+external _alert:
   (
     string,
     Js.Undefined.t(string),
     Js.Undefined.t(
-      array(
-        {
-          .
-          "text": Js.Undefined.t(string),
-          "onPress": Js.Undefined.t(unit => unit),
-          "style": Js.Undefined.t(string),
-        },
-      ),
+      array({
+        .
+        "text": Js.Undefined.t(string),
+        "onPress": Js.Undefined.t(unit => unit),
+        "style": Js.Undefined.t(string),
+      }),
     ),
     Js.Undefined.t(string)
   ) =>
@@ -67,19 +65,17 @@ let alert = (~title, ~message=?, ~buttons=?, ~type_=?, ()) => {
 };
 
 [@bs.scope "AlertIOS"] [@bs.module "react-native"]
-external _prompt :
+external _prompt:
   (
     string,
     Js.Undefined.t(string),
     Js.Undefined.t(
-      array(
-        {
-          .
-          "text": Js.Undefined.t(string),
-          "onPress": Js.Undefined.t(unit => unit),
-          "style": Js.Undefined.t(string),
-        },
-      ),
+      array({
+        .
+        "text": Js.Undefined.t(string),
+        "onPress": Js.Undefined.t(unit => unit),
+        "style": Js.Undefined.t(string),
+      }),
     ),
     Js.Undefined.t(string),
     Js.Undefined.t(string),
@@ -157,4 +153,4 @@ let prompt =
       ),
     );
   _prompt(title, msg, bts, t_, def_, keyboardT);
-};
+};
\ No newline at end of file
diff --git a/src/alertIOS.rei b/src/alertIOS.rei
index 5903ce091022c8..7be76511b7cc6b 100644
--- a/src/alertIOS.rei
+++ b/src/alertIOS.rei
@@ -40,4 +40,4 @@ let prompt:
                      =?,
     unit
   ) =>
-  unit;
+  unit;
\ No newline at end of file
diff --git a/src/animated.re b/src/animated.re
index 1c07b8403070c8..09dcea46e558e5 100644
--- a/src/animated.re
+++ b/src/animated.re
@@ -8,4 +8,4 @@ module View = AnimatedComponents.View;
 
 module ScrollView = AnimatedComponents.ScrollView;
 
-module FlatList = AnimatedComponents.FlatList;
+module FlatList = AnimatedComponents.FlatList;
\ No newline at end of file
diff --git a/src/animatedRe.re b/src/animatedRe.re
index f8a07917d5ce3c..bce9cc6370df6e 100644
--- a/src/animatedRe.re
+++ b/src/animatedRe.re
@@ -3,14 +3,17 @@ module Animation = {
   type endResult = {. "finished": bool};
   type endCallback = endResult => unit;
   [@bs.send]
-  external _start : (t, Js.undefined(endCallback)) => unit = "start";
+  external _start: (t, Js.undefined(endCallback)) => unit = "start";
   let start = (t, ~callback=?, ()) =>
     _start(t, Js.Undefined.fromOption(callback));
-  [@bs.send] external stop : t => unit = "";
-  [@bs.send] external reset : t => unit = "";
+  [@bs.send] external stop: t => unit = "";
+  [@bs.send] external reset: t => unit = "";
 };
 
-module type Value = {type t; type rawJsType;};
+module type Value = {
+  type t;
+  type rawJsType;
+};
 
 type calculated;
 
@@ -24,7 +27,7 @@ module ValueAnimations = (Val: Value) => {
   module Decay = {
     type config;
     [@bs.obj]
-    external makeConfig :
+    external makeConfig:
       (
         ~velocity: Val.rawJsType,
         ~deceleration: float=?,
@@ -36,7 +39,7 @@ module ValueAnimations = (Val: Value) => {
       config =
       "";
     [@bs.module "react-native"] [@bs.scope "Animated"]
-    external _decay : (Val.t, config) => Animation.t = "decay";
+    external _decay: (Val.t, config) => Animation.t = "decay";
     let animate =
         (
           ~value,
@@ -64,7 +67,7 @@ module ValueAnimations = (Val: Value) => {
     type toValue;
     type config;
     [@bs.obj]
-    external makeConfig :
+    external makeConfig:
       (
         ~toValue: toValue,
         ~restDisplacementThreshold: Js.undefined(float),
@@ -85,10 +88,10 @@ module ValueAnimations = (Val: Value) => {
       ) =>
       config =
       "";
-    external toValueRaw : Val.rawJsType => toValue = "%identity";
-    external toValueAnimated : Val.t => toValue = "%identity";
+    external toValueRaw: Val.rawJsType => toValue = "%identity";
+    external toValueAnimated: Val.t => toValue = "%identity";
     [@bs.module "react-native"] [@bs.scope "Animated"]
-    external _spring : (Val.t, config) => Animation.t = "spring";
+    external _spring: (Val.t, config) => Animation.t = "spring";
     let animate =
         (
           ~value,
@@ -142,7 +145,7 @@ module ValueAnimations = (Val: Value) => {
     type toValue;
     type config;
     [@bs.obj]
-    external makeConfig :
+    external makeConfig:
       (
         ~toValue: toValue,
         ~easing: Easing.t=?,
@@ -155,10 +158,10 @@ module ValueAnimations = (Val: Value) => {
       ) =>
       config =
       "";
-    external toValueRaw : Val.rawJsType => toValue = "%identity";
-    external toValueAnimated : Val.t => toValue = "%identity";
+    external toValueRaw: Val.rawJsType => toValue = "%identity";
+    external toValueAnimated: Val.t => toValue = "%identity";
     [@bs.module "react-native"] [@bs.scope "Animated"]
-    external _timing : (Val.t, config) => Animation.t = "timing";
+    external _timing: (Val.t, config) => Animation.t = "timing";
     let animate =
         (
           ~value,
@@ -195,7 +198,7 @@ module ValueAnimations = (Val: Value) => {
 module Interpolation = {
   type t = value(calculated);
   type outputRange;
-  external outputRangeCreate : 'a => outputRange = "%identity";
+  external outputRangeCreate: 'a => outputRange = "%identity";
   type extrapolate =
     | Extend
     | Clamp
@@ -208,7 +211,7 @@ module Interpolation = {
     };
   type config;
   [@bs.obj]
-  external makeConfig :
+  external makeConfig:
     (
       ~inputRange: array(float),
       ~outputRange: outputRange,
@@ -219,7 +222,7 @@ module Interpolation = {
     ) =>
     config =
     "";
-  [@bs.send] external _interpolate : (value('a), config) => t = "interpolate";
+  [@bs.send] external _interpolate: (value('a), config) => t = "interpolate";
   let interpolate =
       (
         value,
@@ -253,17 +256,17 @@ module Interpolation = {
 
 module ValueOperations = {
   [@bs.module "react-native"] [@bs.scope "Animated"]
-  external add : (value('a), value('b)) => value(calculated) = "";
+  external add: (value('a), value('b)) => value(calculated) = "";
   [@bs.module "react-native"] [@bs.scope "Animated"]
-  external divide : (value('a), value('b)) => value(calculated) = "";
+  external divide: (value('a), value('b)) => value(calculated) = "";
   [@bs.module "react-native"] [@bs.scope "Animated"]
-  external multiply : (value('a), value('b)) => value(calculated) = "";
+  external multiply: (value('a), value('b)) => value(calculated) = "";
   [@bs.module "react-native"] [@bs.scope "Animated"]
-  external modulo : (value('a), float) => value(calculated) = "";
+  external modulo: (value('a), float) => value(calculated) = "";
   [@bs.module "react-native"] [@bs.scope "Animated"]
-  external subtract : (value('a), value('b)) => value(calculated) = "";
+  external subtract: (value('a), value('b)) => value(calculated) = "";
   [@bs.module "react-native"] [@bs.scope "Animated"]
-  external diffClamp : (value('a), float, float) => value(calculated) = "";
+  external diffClamp: (value('a), float, float) => value(calculated) = "";
   let interpolate = Interpolation.interpolate;
 };
 
@@ -272,19 +275,19 @@ module Value = {
   type jsValue = {. "value": float};
   type callback = jsValue => unit;
   [@bs.new] [@bs.scope "Animated"] [@bs.module "react-native"]
-  external create : float => t = "Value";
-  [@bs.send] external setValue : (t, float) => unit = "setValue";
-  [@bs.send] external setOffset : (t, float) => unit = "setOffset";
-  [@bs.send] external flattenOffset : t => unit = "flattenOffset";
-  [@bs.send] external extractOffset : t => unit = "extractOffset";
-  [@bs.send] external addListener : (t, callback) => string = "addListener";
-  [@bs.send] external removeListener : (t, string) => unit = "removeListener";
-  [@bs.send] external removeAllListeners : t => unit = "removeAllListeners";
+  external create: float => t = "Value";
+  [@bs.send] external setValue: (t, float) => unit = "setValue";
+  [@bs.send] external setOffset: (t, float) => unit = "setOffset";
+  [@bs.send] external flattenOffset: t => unit = "flattenOffset";
+  [@bs.send] external extractOffset: t => unit = "extractOffset";
+  [@bs.send] external addListener: (t, callback) => string = "addListener";
+  [@bs.send] external removeListener: (t, string) => unit = "removeListener";
+  [@bs.send] external removeAllListeners: t => unit = "removeAllListeners";
   [@bs.send]
-  external _resetAnimation : (t, Js.Undefined.t(callback)) => unit =
+  external _resetAnimation: (t, Js.Undefined.t(callback)) => unit =
     "resetAnimation";
   [@bs.send]
-  external _stopAnimation : (t, Js.Undefined.t(callback)) => unit =
+  external _stopAnimation: (t, Js.Undefined.t(callback)) => unit =
     "stopAnimation";
   let resetAnimation = (value, ~callback=?, ()) =>
     _resetAnimation(value, Js.Undefined.fromOption(callback));
@@ -316,27 +319,27 @@ module ValueXY = {
     "top": Value.t,
   };
   [@bs.new] [@bs.scope "Animated"] [@bs.module "react-native"]
-  external _create : jsValue => t = "ValueXY";
+  external _create: jsValue => t = "ValueXY";
   let create = (~x, ~y) => _create({"x": x, "y": y});
-  [@bs.send] external _setValue : (t, jsValue) => unit = "setValue";
+  [@bs.send] external _setValue: (t, jsValue) => unit = "setValue";
   let setValue = (t, ~x, ~y) => _setValue(t, {"x": x, "y": y});
-  [@bs.send] external _setOffset : (t, jsValue) => unit = "setOffset";
+  [@bs.send] external _setOffset: (t, jsValue) => unit = "setOffset";
   let setOffset = (t, ~x, ~y) => _setOffset(t, {"x": x, "y": y});
-  [@bs.send] external flattenOffset : t => unit = "flattenOffset";
-  [@bs.send] external extractOffset : t => unit = "extractOffset";
+  [@bs.send] external flattenOffset: t => unit = "flattenOffset";
+  [@bs.send] external extractOffset: t => unit = "extractOffset";
   [@bs.send]
-  external resetAnimation : (t, option(callback)) => unit = "resetAnimation";
+  external resetAnimation: (t, option(callback)) => unit = "resetAnimation";
   [@bs.send]
-  external stopAnimation : (t, option(callback)) => unit = "stopAnimation";
-  [@bs.send] external addListener : (t, callback) => string = "addListener";
-  [@bs.send] external removeListener : (t, string) => unit = "removeListener";
-  [@bs.send] external removeAllListeners : t => unit = "removeAllListeners";
-  [@bs.send] external getLayout : t => layout = "getLayout";
+  external stopAnimation: (t, option(callback)) => unit = "stopAnimation";
+  [@bs.send] external addListener: (t, callback) => string = "addListener";
+  [@bs.send] external removeListener: (t, string) => unit = "removeListener";
+  [@bs.send] external removeAllListeners: t => unit = "removeAllListeners";
+  [@bs.send] external getLayout: t => layout = "getLayout";
   [@bs.send]
-  external getTranslateTransform : t => translateTransform =
+  external getTranslateTransform: t => translateTransform =
     "getTranslateTransform";
-  [@bs.get] external getX : t => Value.t = "x";
-  [@bs.get] external getY : t => Value.t = "y";
+  [@bs.get] external getX: t => Value.t = "x";
+  [@bs.get] external getY: t => Value.t = "y";
   include ValueAnimations({
     type t = valueXY;
     type rawJsType = jsValue;
@@ -344,21 +347,21 @@ module ValueXY = {
 };
 
 [@bs.module "react-native"] [@bs.scope "Animated"]
-external delay : float => Animation.t = "";
+external delay: float => Animation.t = "";
 
 [@bs.module "react-native"] [@bs.scope "Animated"]
-external sequence : array(Animation.t) => Animation.t = "";
+external sequence: array(Animation.t) => Animation.t = "";
 
 [@bs.module "react-native"] [@bs.scope "Animated"]
-external parallel :
+external parallel:
   (array(Animation.t), {. "stopTogether": bool}) => Animation.t =
   "";
 
 [@bs.module "react-native"] [@bs.scope "Animated"]
-external stagger : (float, array(Animation.t)) => Animation.t = "";
+external stagger: (float, array(Animation.t)) => Animation.t = "";
 
 [@bs.module "react-native"] [@bs.scope "Animated"]
-external _loop : (Animation.t, {. "iterations": int}) => Animation.t = "loop";
+external _loop: (Animation.t, {. "iterations": int}) => Animation.t = "loop";
 
 let loop = (~iterations=(-1), ~animation, ()) =>
   _loop(animation, {"iterations": iterations});
@@ -366,10 +369,10 @@ let loop = (~iterations=(-1), ~animation, ()) =>
 type animatedEvent;
 
 [@bs.module "react-native"] [@bs.scope "Animated"]
-external event : (array('a), 'b) => animatedEvent = "";
+external event: (array('a), 'b) => animatedEvent = "";
 
 [@bs.module "react-native"] [@bs.scope "Animated"]
-external createAnimatedComponent :
+external createAnimatedComponent:
   ReasonReact.reactClass => ReasonReact.reactClass =
   "";
 
@@ -383,4 +386,4 @@ let start = Animation.start;
 
 let stop = Animation.stop;
 
-let reset = Animation.reset;
+let reset = Animation.reset;
\ No newline at end of file
diff --git a/src/animatedRe.rei b/src/animatedRe.rei
index 16df6d4c00fe94..577806ec20f44b 100644
--- a/src/animatedRe.rei
+++ b/src/animatedRe.rei
@@ -179,10 +179,10 @@ type valueXY;
   Configured animation as created by calling {!timing}, {!spring} or {!decay}.
  */
 module Animation: {
-  /** Type of the animation. */ 
+  /** Type of the animation. */
   type t;
   /**
-    If the animation finished running normally, the completion callback will be invoked with [finished] [true]. If the animation is done because stop() 
+    If the animation finished running normally, the completion callback will be invoked with [finished] [true]. If the animation is done because stop()
     was called on it before it could finish (e.g. because it was interrupted by a gesture or another animation), then it will receive [finished] [false].
    */
   type endResult = {. "finished": bool};
@@ -255,7 +255,7 @@ module Value: {
   /** Sets the offset value to the base value, and resets the base value to zero. The final output of the value is unchanged. */
   let extractOffset: t => unit;
   /**
-    Adds an asynchronous listener to the value so you can observe updates from animations. 
+    Adds an asynchronous listener to the value so you can observe updates from animations.
     See {{:http://facebook.github.io/react-native/docs/animatedvalue#addListener} React Native documentation} for additional details.
    */
   let addListener: (t, callback) => string;
@@ -399,7 +399,7 @@ Animated.start(animation, ());]}
    */
   let diffClamp: (value('a), float, float) => value(calculated);
   /**
-    Allows mapping input ranges of an Animated {!value} to different output ranges. 
+    Allows mapping input ranges of an Animated {!value} to different output ranges.
     See {!Animation.stop} for details. See {!Interpolation.interpolate} for details.
    */
   let interpolate:
@@ -740,4 +740,4 @@ let stop: Animation.t => unit;
 let start: (Animation.t, ~callback: Animation.endCallback=?, unit) => unit;
 
 /** See {!Animation.reset} for details. */
-let reset: Animation.t => unit;
+let reset: Animation.t => unit;
\ No newline at end of file
diff --git a/src/appRegistry.rei b/src/appRegistry.rei
index 6d398979173ed6..6f3cb6d85030e2 100644
--- a/src/appRegistry.rei
+++ b/src/appRegistry.rei
@@ -1 +1 @@
-let registerComponent: (string, unit => ReasonReact.reactClass) => unit;
+let registerComponent: (string, unit => ReasonReact.reactClass) => unit;
\ No newline at end of file
diff --git a/src/appState.re b/src/appState.re
index ffab4158e77add..7aa9d86eaac37d 100644
--- a/src/appState.re
+++ b/src/appState.re
@@ -4,7 +4,7 @@ type state =
   | Inactive;
 
 [@bs.scope "AppState"] [@bs.module "react-native"]
-external _currentState : string = "currentState";
+external _currentState: string = "currentState";
 
 let currentState = () => {
   let currState = _currentState;
@@ -16,7 +16,7 @@ let currentState = () => {
 };
 
 [@bs.scope "AppState"] [@bs.module "react-native"]
-external addEventListener : (string, unit => unit) => unit = "";
+external addEventListener: (string, unit => unit) => unit = "";
 
 [@bs.scope "AppState"] [@bs.module "react-native"]
-external removeEventListener : (string, unit => unit) => unit = "";
+external removeEventListener: (string, unit => unit) => unit = "";
\ No newline at end of file
diff --git a/src/appState.rei b/src/appState.rei
index 16753ced4bdd2f..b354921b7d0d54 100644
--- a/src/appState.rei
+++ b/src/appState.rei
@@ -6,7 +6,7 @@ type state =
 let currentState: unit => state;
 
 [@bs.scope "AppState"] [@bs.module "react-native"]
-external addEventListener : (string, unit => unit) => unit = "";
+external addEventListener: (string, unit => unit) => unit = "";
 
 [@bs.scope "AppState"] [@bs.module "react-native"]
-external removeEventListener : (string, unit => unit) => unit = "";
+external removeEventListener: (string, unit => unit) => unit = "";
\ No newline at end of file
diff --git a/src/asyncStorage.re b/src/asyncStorage.re
index c23383a0e13786..e8ae521684291a 100644
--- a/src/asyncStorage.re
+++ b/src/asyncStorage.re
@@ -8,7 +8,7 @@ let map_cb = (cb, err, value) =>
 let map_cb_err_only = (cb, err) => cb(Js.Null.toOption(err));
 
 [@bs.scope "AsyncStorage"] [@bs.module "react-native"]
-external _getItem :
+external _getItem:
   (
     string,
     Js.Undefined.t((Js.Null.t(error), Js.Null_undefined.t(string)) => unit)
@@ -27,7 +27,7 @@ let getItem = (key, ~callback=?, ()) =>
   };
 
 [@bs.scope "AsyncStorage"] [@bs.module "react-native"]
-external _setItem :
+external _setItem:
   (string, string, Js.Undefined.t(Js.Null.t(error) => unit)) =>
   Js.Promise.t(unit) =
   "setItem";
@@ -40,7 +40,7 @@ let setItem = (key, value, ~callback=?, ()) =>
   };
 
 [@bs.scope "AsyncStorage"] [@bs.module "react-native"]
-external _removeItem :
+external _removeItem:
   (string, Js.Undefined.t(Js.Null.t(error) => unit)) => Js.Promise.t(unit) =
   "removeItem";
 
@@ -51,7 +51,7 @@ let removeItem = (key, ~callback=?, ()) =>
   };
 
 [@bs.scope "AsyncStorage"] [@bs.module "react-native"]
-external _mergeItem :
+external _mergeItem:
   (string, string, Js.Undefined.t(Js.Null.t(error) => unit)) =>
   Js.Promise.t(unit) =
   "mergeItem";
@@ -64,7 +64,7 @@ let mergeItem = (key, value, ~callback=?, ()) =>
   };
 
 [@bs.scope "AsyncStorage"] [@bs.module "react-native"]
-external _clear :
+external _clear:
   Js.Undefined.t(Js.Null.t(error) => unit) => Js.Promise.t(unit) =
   "clear";
 
@@ -75,7 +75,7 @@ let clear = (~callback=?, ()) =>
   };
 
 [@bs.scope "AsyncStorage"] [@bs.module "react-native"]
-external _getAllKeys :
+external _getAllKeys:
   Js.Undefined.t(
     (Js.Null.t(error), Js.Null_undefined.t(array(string))) => unit,
   ) =>
@@ -93,10 +93,10 @@ let getAllKeys = (~callback=?, ()) =>
   };
 
 [@bs.scope "AsyncStorage"] [@bs.module "react-native"]
-external flushGetRequests : unit => unit = "";
+external flushGetRequests: unit => unit = "";
 
 [@bs.scope "AsyncStorage"] [@bs.module "react-native"]
-external _multiGet :
+external _multiGet:
   (
     array(string),
     Js.Undefined.t(
@@ -121,7 +121,7 @@ let multiGet = (keys, ~callback=?, ()) =>
   };
 
 [@bs.scope "AsyncStorage"] [@bs.module "react-native"]
-external _multiSet :
+external _multiSet:
   (
     array(array(string)),
     Js.Undefined.t(Js.Null.t(array(error)) => unit)
@@ -142,7 +142,7 @@ let multiSet = (keyValues, ~callback=?, ()) => {
 };
 
 [@bs.scope "AsyncStorage"] [@bs.module "react-native"]
-external _multiRemove :
+external _multiRemove:
   (array(string), Js.Undefined.t(Js.Null.t(array(error)) => unit)) =>
   Js.Promise.t(unit) =
   "multiRemove";
@@ -154,7 +154,7 @@ let multiRemove = (keys, ~callback=?, ()) =>
   };
 
 [@bs.scope "AsyncStorage"] [@bs.module "react-native"]
-external _multiMerge :
+external _multiMerge:
   (
     array(array(string)),
     Js.Undefined.t(Js.Null.t(array(error)) => unit)
@@ -172,4 +172,4 @@ let multiMerge = (keyValues, ~callback=?, ()) => {
       Js.Undefined.return(map_cb_err_only(cb)),
     )
   };
-};
+};
\ No newline at end of file
diff --git a/src/asyncStorage.rei b/src/asyncStorage.rei
index 5d076605412ce2..769aa3b1b992d5 100644
--- a/src/asyncStorage.rei
+++ b/src/asyncStorage.rei
@@ -22,7 +22,7 @@ let getAllKeys:
   Js.Promise.t(option(array(string)));
 
 [@bs.scope "AsyncStorage"] [@bs.module "react-native"]
-external flushGetRequests : unit => unit = "";
+external flushGetRequests: unit => unit = "";
 
 let multiGet:
   (
@@ -52,4 +52,4 @@ let multiMerge:
     ~callback: option(array(error)) => unit=?,
     unit
   ) =>
-  Js.Promise.t(unit);
+  Js.Promise.t(unit);
\ No newline at end of file
diff --git a/src/backHandler.re b/src/backHandler.re
index 89745ea67e8162..e5f9ae346306b6 100644
--- a/src/backHandler.re
+++ b/src/backHandler.re
@@ -1,8 +1,8 @@
 [@bs.scope "BackHandler"] [@bs.module "react-native"]
-external exitApp : unit => unit = "";
+external exitApp: unit => unit = "";
 
 [@bs.scope "BackHandler"] [@bs.module "react-native"]
-external addEventListener : (string, unit => bool) => unit = "";
+external addEventListener: (string, unit => bool) => unit = "";
 
 [@bs.scope "BackHandler"] [@bs.module "react-native"]
-external removeEventListener : (string, unit => bool) => unit = "";
+external removeEventListener: (string, unit => bool) => unit = "";
\ No newline at end of file
diff --git a/src/backHandler.rei b/src/backHandler.rei
index 89745ea67e8162..e5f9ae346306b6 100644
--- a/src/backHandler.rei
+++ b/src/backHandler.rei
@@ -1,8 +1,8 @@
 [@bs.scope "BackHandler"] [@bs.module "react-native"]
-external exitApp : unit => unit = "";
+external exitApp: unit => unit = "";
 
 [@bs.scope "BackHandler"] [@bs.module "react-native"]
-external addEventListener : (string, unit => bool) => unit = "";
+external addEventListener: (string, unit => bool) => unit = "";
 
 [@bs.scope "BackHandler"] [@bs.module "react-native"]
-external removeEventListener : (string, unit => bool) => unit = "";
+external removeEventListener: (string, unit => bool) => unit = "";
\ No newline at end of file
diff --git a/src/cameraRoll.re b/src/cameraRoll.re
index b6e167d289b5c6..892267c6179837 100644
--- a/src/cameraRoll.re
+++ b/src/cameraRoll.re
@@ -80,7 +80,7 @@ let mapAssetType = (assetType: assetType) =>
   };
 
 [@bs.obj]
-external makeConfig :
+external makeConfig:
   (
     ~first: int,
     ~after: cursor=?,
@@ -93,12 +93,12 @@ external makeConfig :
   "";
 
 [@bs.module "react-native"] [@bs.scope "CameraRoll"]
-external _saveToCameraRoll :
+external _saveToCameraRoll:
   (string, Js.Undefined.t(string)) => Js.Promise.t(string) =
   "saveToCameraRoll";
 
 [@bs.module "react-native"] [@bs.scope "CameraRoll"]
-external _getPhotos : config => Js.Promise.t(assets) = "getPhotos";
+external _getPhotos: config => Js.Promise.t(assets) = "getPhotos";
 
 let saveToCameraRoll = (~uri, ~type_=?, ()) => {
   let fileType =
@@ -130,4 +130,4 @@ let getPhotos =
       ~mimeTypes?,
     );
   _getPhotos(config);
-};
+};
\ No newline at end of file
diff --git a/src/cameraRoll.rei b/src/cameraRoll.rei
index e396ff920bdf47..0c53ff87483929 100644
--- a/src/cameraRoll.rei
+++ b/src/cameraRoll.rei
@@ -67,4 +67,4 @@ let getPhotos:
     ~mimeTypes: string=?,
     unit
   ) =>
-  Js.Promise.t(assets);
+  Js.Promise.t(assets);
\ No newline at end of file
diff --git a/src/clipboard.re b/src/clipboard.re
index 9a8601bf91e2ed..b99aebac1af6a1 100644
--- a/src/clipboard.re
+++ b/src/clipboard.re
@@ -1,5 +1,5 @@
 [@bs.module "react-native"] [@bs.scope "Clipboard"]
-external getString : unit => Js.Promise.t(string) = "";
+external getString: unit => Js.Promise.t(string) = "";
 
 [@bs.module "react-native"] [@bs.scope "Clipboard"]
-external setString : string => unit = "";
+external setString: string => unit = "";
\ No newline at end of file
diff --git a/src/clipboard.rei b/src/clipboard.rei
index 2c937456841064..0cbf9940babc6d 100644
--- a/src/clipboard.rei
+++ b/src/clipboard.rei
@@ -1,3 +1,3 @@
 let getString: unit => Js.Promise.t(string);
 
-let setString: string => unit;
+let setString: string => unit;
\ No newline at end of file
diff --git a/src/components/activityIndicator.re b/src/components/activityIndicator.re
index eef334f4c3c363..832f0698d1a33a 100644
--- a/src/components/activityIndicator.re
+++ b/src/components/activityIndicator.re
@@ -1,8 +1,7 @@
 [@bs.module "react-native"]
-external view : ReasonReact.reactClass = "ActivityIndicator";
+external view: ReasonReact.reactClass = "ActivityIndicator";
 
-[@bs.module "react-native"] [@bs.scope "Platform"]
-external _os : string = "OS";
+[@bs.module "react-native"] [@bs.scope "Platform"] external _os: string = "OS";
 
 let encodeSize = size =>
   switch (size) {
@@ -77,4 +76,4 @@ let make =
         ~accessibilityViewIsModal?,
         ~shouldRasterizeIOS?,
       ),
-  );
+  );
\ No newline at end of file
diff --git a/src/components/activityIndicator.rei b/src/components/activityIndicator.rei
index 4ba24221100936..e931a54da05d92 100644
--- a/src/components/activityIndicator.rei
+++ b/src/components/activityIndicator.rei
@@ -57,4 +57,4 @@ let make:
     ReasonReact.stateless,
     ReasonReact.noRetainedProps,
     unit,
-  );
+  );
\ No newline at end of file
diff --git a/src/components/animatedComponents.re b/src/components/animatedComponents.re
index 679881ed5659dc..ca1ce93f73e3bc 100644
--- a/src/components/animatedComponents.re
+++ b/src/components/animatedComponents.re
@@ -1,34 +1,34 @@
 module View =
   View.CreateComponent({
     [@bs.module "react-native"] [@bs.scope "Animated"]
-    external view : ReasonReact.reactClass = "View";
+    external view: ReasonReact.reactClass = "View";
     let view = view;
   });
 
 module Image =
   Image.CreateComponent({
     [@bs.module "react-native"] [@bs.scope "Animated"]
-    external view : ReasonReact.reactClass = "Image";
+    external view: ReasonReact.reactClass = "Image";
     let view = view;
   });
 
 module FlatList =
   FlatList.CreateComponent({
     [@bs.module "react-native"]
-    external nonAnimatedView : ReasonReact.reactClass = "FlatList";
+    external nonAnimatedView: ReasonReact.reactClass = "FlatList";
     let view = AnimatedRe.createAnimatedComponent(nonAnimatedView);
   });
 
 module Text =
   Text.CreateComponent({
     [@bs.module "react-native"] [@bs.scope "Animated"]
-    external view : ReasonReact.reactClass = "Text";
+    external view: ReasonReact.reactClass = "Text";
     let view = view;
   });
 
 module ScrollView = {
   type callback = RNEvent.NativeScrollEvent.t => unit;
-  external wrapUpdaterShamelessly : AnimatedRe.animatedEvent => callback =
+  external wrapUpdaterShamelessly: AnimatedRe.animatedEvent => callback =
     "%identity";
   let onScrollUpdater = (~x=?, ~y=?, ~native=false, ()) =>
     wrapUpdaterShamelessly(
@@ -48,7 +48,7 @@ module ScrollView = {
     );
   include ScrollView.CreateComponent({
     [@bs.module "react-native"] [@bs.scope "Animated"]
-    external view : ReasonReact.reactClass = "ScrollView";
+    external view: ReasonReact.reactClass = "ScrollView";
     let view = view;
   });
-};
+};
\ No newline at end of file
diff --git a/src/components/animatedComponents.rei b/src/components/animatedComponents.rei
index 4ec2862d5ca4b4..2ea304cad46ef6 100644
--- a/src/components/animatedComponents.rei
+++ b/src/components/animatedComponents.rei
@@ -107,4 +107,4 @@ module ScrollView: {
       ReasonReact.noRetainedProps,
       unit,
     );
-};
+};
\ No newline at end of file
diff --git a/src/components/button.re b/src/components/button.re
index f4b0c19fe4304a..7dc31267413ff9 100644
--- a/src/components/button.re
+++ b/src/components/button.re
@@ -1,5 +1,4 @@
-[@bs.module "react-native"]
-external button : ReasonReact.reactClass = "Button";
+[@bs.module "react-native"] external button: ReasonReact.reactClass = "Button";
 
 let make =
     (
@@ -12,13 +11,12 @@ let make =
     ) =>
   ReasonReact.wrapJsForReason(
     ~reactClass=button,
-    ~props=
-      {
-        "accessibilityLabel": accessibilityLabel,
-        "color": color,
-        "disabled": disabled,
-        "onPress": onPress,
-        "testID": testID,
-        "title": title,
-      },
-  );
+    ~props={
+      "accessibilityLabel": accessibilityLabel,
+      "color": color,
+      "disabled": disabled,
+      "onPress": onPress,
+      "testID": testID,
+      "title": title,
+    },
+  );
\ No newline at end of file
diff --git a/src/components/button.rei b/src/components/button.rei
index c8a34949f519ab..42495fd0036a22 100644
--- a/src/components/button.rei
+++ b/src/components/button.rei
@@ -12,4 +12,4 @@ let make:
     ReasonReact.stateless,
     ReasonReact.noRetainedProps,
     unit,
-  );
+  );
\ No newline at end of file
diff --git a/src/components/datePickerIOS.re b/src/components/datePickerIOS.re
index 9f501e32d027b7..a6f65be607b9cf 100644
--- a/src/components/datePickerIOS.re
+++ b/src/components/datePickerIOS.re
@@ -1,5 +1,5 @@
 [@bs.module "react-native"]
-external view : ReasonReact.reactClass = "DatePickerIOS";
+external view: ReasonReact.reactClass = "DatePickerIOS";
 
 let encodeMode = prop =>
   switch (prop) {
@@ -72,4 +72,4 @@ let make =
         ~accessibilityViewIsModal?,
         ~shouldRasterizeIOS?,
       ),
-  );
+  );
\ No newline at end of file
diff --git a/src/components/datePickerIOS.rei b/src/components/datePickerIOS.rei
index da2d4028d9264e..54e148a750437e 100644
--- a/src/components/datePickerIOS.rei
+++ b/src/components/datePickerIOS.rei
@@ -60,4 +60,4 @@ let make:
     ReasonReact.stateless,
     ReasonReact.noRetainedProps,
     unit,
-  );
+  );
\ No newline at end of file
diff --git a/src/components/flatList.re b/src/components/flatList.re
index 53b705cf74af88..f1ef04fea72a7a 100644
--- a/src/components/flatList.re
+++ b/src/components/flatList.re
@@ -25,7 +25,7 @@ module type FlatListComponent = {
   let scrollToOffset:
     (ReasonReact.reactRef, ~offset: float=?, ~animated: bool=?, unit) => unit;
 
-  [@bs.send] external recordInteraction : ReasonReact.reactRef => unit = "";
+  [@bs.send] external recordInteraction: ReasonReact.reactRef => unit = "";
 
   type renderBag('item) = {
     item: 'item,
@@ -78,27 +78,23 @@ module type FlatListComponent = {
       ~onViewableItemsChanged: {
                                  .
                                  "viewableItems":
-                                   array(
-                                     {
-                                       .
-                                       "item": 'item,
-                                       "key": string,
-                                       "index": Js.undefined(int),
-                                       "isViewable": bool,
-                                       "section": Js.t({.}),
-                                     },
-                                   ),
+                                   array({
+                                     .
+                                     "item": 'item,
+                                     "key": string,
+                                     "index": Js.undefined(int),
+                                     "isViewable": bool,
+                                     "section": Js.t({.}),
+                                   }),
                                  "changed":
-                                   array(
-                                     {
-                                       .
-                                       "item": 'item,
-                                       "key": string,
-                                       "index": Js.undefined(int),
-                                       "isViewable": bool,
-                                       "section": Js.t({.}),
-                                     },
-                                   ),
+                                   array({
+                                     .
+                                     "item": 'item,
+                                     "key": string,
+                                     "index": Js.undefined(int),
+                                     "isViewable": bool,
+                                     "section": Js.t({.}),
+                                   }),
                                }
                                  =?,
       ~overScrollMode: [ | `auto | `always | `never]=?,
@@ -124,14 +120,14 @@ module type FlatListComponent = {
 
 module CreateComponent = (Impl: View.Impl) : FlatListComponent => {
   [@bs.send]
-  external _scrollToEnd : (ReasonReact.reactRef, {. "animated": bool}) => unit =
+  external _scrollToEnd: (ReasonReact.reactRef, {. "animated": bool}) => unit =
     "scrollToEnd";
 
   let scrollToEnd = (ref, ~animated) =>
     _scrollToEnd(ref, {"animated": animated});
 
   [@bs.send]
-  external _scrollToIndex :
+  external _scrollToIndex:
     (
       ReasonReact.reactRef,
       {
@@ -149,18 +145,16 @@ module CreateComponent = (Impl: View.Impl) : FlatListComponent => {
       (ref, ~index, ~animated=?, ~viewOffset=?, ~viewPosition=?, ()) =>
     _scrollToIndex(
       ref,
-      Js.Undefined.(
-        {
-          "index": index,
-          "viewOffset": fromOption(viewOffset),
-          "viewPosition": fromOption(viewPosition),
-          "animated": fromOption(animated),
-        }
-      ),
+      Js.Undefined.{
+        "index": index,
+        "viewOffset": fromOption(viewOffset),
+        "viewPosition": fromOption(viewPosition),
+        "animated": fromOption(animated),
+      },
     );
 
   [@bs.send]
-  external _scrollToItem :
+  external _scrollToItem:
     (
       ReasonReact.reactRef,
       {
@@ -176,17 +170,15 @@ module CreateComponent = (Impl: View.Impl) : FlatListComponent => {
   let scrollToItem = (ref, ~item, ~animated=?, ~viewPosition=?, ()) =>
     _scrollToItem(
       ref,
-      Js.Undefined.(
-        {
-          "item": item,
-          "viewPosition": fromOption(viewPosition),
-          "animated": fromOption(animated),
-        }
-      ),
+      Js.Undefined.{
+        "item": item,
+        "viewPosition": fromOption(viewPosition),
+        "animated": fromOption(animated),
+      },
     );
 
   [@bs.send]
-  external _scrollToOffset :
+  external _scrollToOffset:
     (
       ReasonReact.reactRef,
       {
@@ -201,12 +193,13 @@ module CreateComponent = (Impl: View.Impl) : FlatListComponent => {
   let scrollToOffset = (ref, ~offset=?, ~animated=?, ()) =>
     _scrollToOffset(
       ref,
-      Js.Undefined.(
-        {"offset": fromOption(offset), "animated": fromOption(animated)}
-      ),
+      Js.Undefined.{
+        "offset": fromOption(offset),
+        "animated": fromOption(animated),
+      },
     );
 
-  [@bs.send] external recordInteraction : ReasonReact.reactRef => unit = "";
+  [@bs.send] external recordInteraction: ReasonReact.reactRef => unit = "";
 
   type jsRenderBag('item) = {
     .
@@ -289,57 +282,56 @@ module CreateComponent = (Impl: View.Impl) : FlatListComponent => {
       ) =>
     ReasonReact.wrapJsForReason(
       ~reactClass=Impl.view,
-      ~props=
-        {
-          "bounces": bounces,
-          "ItemSeparatorComponent": itemSeparatorComponent,
-          "ListFooterComponent": listFooterComponent,
-          "ListHeaderComponent": listHeaderComponent,
-          "columnWrapperStyle": columnWrapperStyle,
-          "data": data,
-          "extraData": extraData,
-          "getItemLayout":
-            UtilsRN.option_map(
-              (f, data, index) => f(Js.Undefined.toOption(data), index),
-              getItemLayout,
-            ),
-          "horizontal": horizontal,
-          "initialNumToRender": initialNumToRender,
-          "initialScrollIndex": initialScrollIndex,
-          "inverted": inverted,
-          "keyExtractor": keyExtractor,
-          "numColumns": numColumns,
-          "onEndReached": onEndReached,
-          "onEndReachedThreshold": onEndReachedThreshold,
-          "onRefresh": onRefresh,
-          "onViewableItemsChanged": onViewableItemsChanged,
-          "overScrollMode":
-            UtilsRN.option_map(
-              x =>
-                switch (x) {
-                | `auto => "auto"
-                | `always => "always"
-                | `never => "never"
-                },
-              overScrollMode,
-            ),
-          "pagingEnabled": pagingEnabled,
-          "refreshing": refreshing,
-          "renderItem": renderItem,
-          "removeClippedSubviews": removeClippedSubviews,
-          "scrollEnabled": scrollEnabled,
-          "showsHorizontalScrollIndicator": showsHorizontalScrollIndicator,
-          "showsVerticalScrollIndicator": showsVerticalScrollIndicator,
-          "windowSize": windowSize,
-          "maxToRenderPerBatch": maxToRenderPerBatch,
-          "viewabilityConfig": viewabilityConfig,
-          "onScroll": onScroll,
-          "style": style,
-        },
+      ~props={
+        "bounces": bounces,
+        "ItemSeparatorComponent": itemSeparatorComponent,
+        "ListFooterComponent": listFooterComponent,
+        "ListHeaderComponent": listHeaderComponent,
+        "columnWrapperStyle": columnWrapperStyle,
+        "data": data,
+        "extraData": extraData,
+        "getItemLayout":
+          UtilsRN.option_map(
+            (f, data, index) => f(Js.Undefined.toOption(data), index),
+            getItemLayout,
+          ),
+        "horizontal": horizontal,
+        "initialNumToRender": initialNumToRender,
+        "initialScrollIndex": initialScrollIndex,
+        "inverted": inverted,
+        "keyExtractor": keyExtractor,
+        "numColumns": numColumns,
+        "onEndReached": onEndReached,
+        "onEndReachedThreshold": onEndReachedThreshold,
+        "onRefresh": onRefresh,
+        "onViewableItemsChanged": onViewableItemsChanged,
+        "overScrollMode":
+          UtilsRN.option_map(
+            x =>
+              switch (x) {
+              | `auto => "auto"
+              | `always => "always"
+              | `never => "never"
+              },
+            overScrollMode,
+          ),
+        "pagingEnabled": pagingEnabled,
+        "refreshing": refreshing,
+        "renderItem": renderItem,
+        "removeClippedSubviews": removeClippedSubviews,
+        "scrollEnabled": scrollEnabled,
+        "showsHorizontalScrollIndicator": showsHorizontalScrollIndicator,
+        "showsVerticalScrollIndicator": showsVerticalScrollIndicator,
+        "windowSize": windowSize,
+        "maxToRenderPerBatch": maxToRenderPerBatch,
+        "viewabilityConfig": viewabilityConfig,
+        "onScroll": onScroll,
+        "style": style,
+      },
     );
 };
 
 include CreateComponent({
   [@bs.module "react-native"]
-  external view : ReasonReact.reactClass = "FlatList";
-});
+  external view: ReasonReact.reactClass = "FlatList";
+});
\ No newline at end of file
diff --git a/src/components/flatList.rei b/src/components/flatList.rei
index 1cf25036240870..d97f4ad50d4f0a 100644
--- a/src/components/flatList.rei
+++ b/src/components/flatList.rei
@@ -25,7 +25,7 @@ module type FlatListComponent = {
   let scrollToOffset:
     (ReasonReact.reactRef, ~offset: float=?, ~animated: bool=?, unit) => unit;
 
-  [@bs.send] external recordInteraction : ReasonReact.reactRef => unit = "";
+  [@bs.send] external recordInteraction: ReasonReact.reactRef => unit = "";
 
   type renderBag('item) = {
     item: 'item,
@@ -78,27 +78,23 @@ module type FlatListComponent = {
       ~onViewableItemsChanged: {
                                  .
                                  "viewableItems":
-                                   array(
-                                     {
-                                       .
-                                       "item": 'item,
-                                       "key": string,
-                                       "index": Js.undefined(int),
-                                       "isViewable": bool,
-                                       "section": Js.t({.}),
-                                     },
-                                   ),
+                                   array({
+                                     .
+                                     "item": 'item,
+                                     "key": string,
+                                     "index": Js.undefined(int),
+                                     "isViewable": bool,
+                                     "section": Js.t({.}),
+                                   }),
                                  "changed":
-                                   array(
-                                     {
-                                       .
-                                       "item": 'item,
-                                       "key": string,
-                                       "index": Js.undefined(int),
-                                       "isViewable": bool,
-                                       "section": Js.t({.}),
-                                     },
-                                   ),
+                                   array({
+                                     .
+                                     "item": 'item,
+                                     "key": string,
+                                     "index": Js.undefined(int),
+                                     "isViewable": bool,
+                                     "section": Js.t({.}),
+                                   }),
                                }
                                  =?,
       ~overScrollMode: [ | `auto | `always | `never]=?,
@@ -124,4 +120,4 @@ module type FlatListComponent = {
 
 module CreateComponent: (Impl: View.Impl) => FlatListComponent;
 
-include FlatListComponent;
+include FlatListComponent;
\ No newline at end of file
diff --git a/src/components/image.re b/src/components/image.re
index e7b8faaea9c2d7..657f006d886e05 100644
--- a/src/components/image.re
+++ b/src/components/image.re
@@ -106,7 +106,7 @@ module CreateComponent = (Impl: View.Impl) : ImageComponent => {
 
   type _imageURISource;
   [@bs.obj]
-  external _imageURISource :
+  external _imageURISource:
     (
       ~uri: string,
       ~bundle: string=?,
@@ -163,7 +163,7 @@ module CreateComponent = (Impl: View.Impl) : ImageComponent => {
 
   type _defaultURISource;
   [@bs.obj]
-  external _defaultURISource :
+  external _defaultURISource:
     (
       ~uri: string,
       ~scale: float=?,
@@ -189,7 +189,7 @@ module CreateComponent = (Impl: View.Impl) : ImageComponent => {
     | `Required(Packager.required)
   ];
   type rawImageSourceJS;
-  external rawImageSourceJS : 'a => rawImageSourceJS = "%identity";
+  external rawImageSourceJS: 'a => rawImageSourceJS = "%identity";
   module Event = {
     type t;
     type error;
@@ -197,7 +197,7 @@ module CreateComponent = (Impl: View.Impl) : ImageComponent => {
       loaded: float,
       total: float,
     };
-    [@bs.get] external progress : t => progress = "nativeEvent";
+    [@bs.get] external progress: t => progress = "nativeEvent";
   };
   let encodeResizeMode = x =>
     switch (x) {
@@ -246,36 +246,30 @@ module CreateComponent = (Impl: View.Impl) : ImageComponent => {
       ) =>
     ReasonReact.wrapJsForReason(
       ~reactClass=Impl.view,
-      ~props=
-        {
-          "onLayout": onLayout,
-          "onError": onError,
-          "onLoad": onLoad,
-          "onLoadEnd": onLoadEnd,
-          "onLoadStart": onLoadStart,
-          "resizeMode":
-            UtilsRN.option_map(encodeResizeMode, resizeMode),
-          "source": encodeSource(source),
-          "style": style,
-          "testID": testID,
-          "resizeMethod":
-            UtilsRN.option_map(encodeResizeMethod, resizeMethod),
-          "accessibilityLabel": accessibilityLabel,
-          "accessible": accessible,
-          "blurRadius": blurRadius,
-          "capInsets": capInsets,
-          "defaultSource":
-            UtilsRN.option_map(encodeDefaultSource, defaultSource),
-          "onPartialLoad": onPartialLoad,
-          "onProgress":
-            UtilsRN.option_map(
-              (x, y) => x(Event.progress(y)),
-              onProgress,
-            ),
-        },
+      ~props={
+        "onLayout": onLayout,
+        "onError": onError,
+        "onLoad": onLoad,
+        "onLoadEnd": onLoadEnd,
+        "onLoadStart": onLoadStart,
+        "resizeMode": UtilsRN.option_map(encodeResizeMode, resizeMode),
+        "source": encodeSource(source),
+        "style": style,
+        "testID": testID,
+        "resizeMethod": UtilsRN.option_map(encodeResizeMethod, resizeMethod),
+        "accessibilityLabel": accessibilityLabel,
+        "accessible": accessible,
+        "blurRadius": blurRadius,
+        "capInsets": capInsets,
+        "defaultSource":
+          UtilsRN.option_map(encodeDefaultSource, defaultSource),
+        "onPartialLoad": onPartialLoad,
+        "onProgress":
+          UtilsRN.option_map((x, y) => x(Event.progress(y)), onProgress),
+      },
     );
 };
 
 include CreateComponent({
-  [@bs.module "react-native"] external view : ReasonReact.reactClass = "Image";
-});
+  [@bs.module "react-native"] external view: ReasonReact.reactClass = "Image";
+});
\ No newline at end of file
diff --git a/src/components/image.rei b/src/components/image.rei
index 8ad41d7cf4b89f..b6371324205ae3 100644
--- a/src/components/image.rei
+++ b/src/components/image.rei
@@ -99,4 +99,4 @@ module type ImageComponent = {
 
 module CreateComponent: (Impl: View.Impl) => ImageComponent;
 
-include ImageComponent;
+include ImageComponent;
\ No newline at end of file
diff --git a/src/components/imageBackground.re b/src/components/imageBackground.re
index c4c9a7b7ad4c26..2d765812f31b4d 100644
--- a/src/components/imageBackground.re
+++ b/src/components/imageBackground.re
@@ -1,5 +1,5 @@
 [@bs.module "react-native"]
-external view : ReasonReact.reactClass = "ImageBackground";
+external view: ReasonReact.reactClass = "ImageBackground";
 
 module Event = {
   type t;
@@ -8,12 +8,12 @@ module Event = {
     loaded: float,
     total: float,
   };
-  [@bs.get] external progress : t => progress = "nativeEvent";
+  [@bs.get] external progress: t => progress = "nativeEvent";
 };
 
 type rawImageSourceJS;
 
-external rawImageSourceJS : 'a => rawImageSourceJS = "%identity";
+external rawImageSourceJS: 'a => rawImageSourceJS = "%identity";
 
 let make =
     (
@@ -38,66 +38,62 @@ let make =
     ) =>
   ReasonReact.wrapJsForReason(
     ~reactClass=view,
-    ~props=
-      {
-        "onLayout": onLayout,
-        "onError": onError,
-        "onLoad": onLoad,
-        "onLoadEnd": onLoadEnd,
-        "onLoadStart": onLoadStart,
-        "resizeMode":
-          UtilsRN.option_map(
-            x =>
-              switch (x) {
-              | `cover => "cover"
-              | `contain => "contain"
-              | `stretch => "stretch"
-              | `repeat => "repeat"
-              | `center => "center"
-              },
-            resizeMode,
-          ),
-        "source":
-          UtilsRN.option_map(
-            (x: Image.imageSource) =>
-              switch (x) {
-              | `URI(x) => rawImageSourceJS(x)
-              | `Required(x) => rawImageSourceJS(x)
-              | `Multiple(x) => rawImageSourceJS(Array.of_list(x))
-              },
-            source,
-          ),
-        "style": style,
-        "imageStyle": imageStyle,
-        "testID": testID,
-        "resizeMethod":
-          UtilsRN.option_map(
-            x =>
-              switch (x) {
-              | `auto => "auto"
-              | `resize => "resize"
-              | `scale => "scale"
-              },
-            resizeMethod,
-          ),
-        "accessibilityLabel": accessibilityLabel,
-        "accessible": accessible,
-        "blurRadius": blurRadius,
-        "capInsets": capInsets,
-        "defaultSource":
-          UtilsRN.option_map(
-            (x: Image.defaultSource) =>
-              switch (x) {
-              | `URI(x) => rawImageSourceJS(x)
-              | `Required(x) => rawImageSourceJS(x)
-              },
-            defaultSource,
-          ),
-        "onPartialLoad": onPartialLoad,
-        "onProgress":
-          UtilsRN.option_map(
-            (x, y) => x(Event.progress(y)),
-            onProgress,
-          ),
-      },
-  );
+    ~props={
+      "onLayout": onLayout,
+      "onError": onError,
+      "onLoad": onLoad,
+      "onLoadEnd": onLoadEnd,
+      "onLoadStart": onLoadStart,
+      "resizeMode":
+        UtilsRN.option_map(
+          x =>
+            switch (x) {
+            | `cover => "cover"
+            | `contain => "contain"
+            | `stretch => "stretch"
+            | `repeat => "repeat"
+            | `center => "center"
+            },
+          resizeMode,
+        ),
+      "source":
+        UtilsRN.option_map(
+          (x: Image.imageSource) =>
+            switch (x) {
+            | `URI(x) => rawImageSourceJS(x)
+            | `Required(x) => rawImageSourceJS(x)
+            | `Multiple(x) => rawImageSourceJS(Array.of_list(x))
+            },
+          source,
+        ),
+      "style": style,
+      "imageStyle": imageStyle,
+      "testID": testID,
+      "resizeMethod":
+        UtilsRN.option_map(
+          x =>
+            switch (x) {
+            | `auto => "auto"
+            | `resize => "resize"
+            | `scale => "scale"
+            },
+          resizeMethod,
+        ),
+      "accessibilityLabel": accessibilityLabel,
+      "accessible": accessible,
+      "blurRadius": blurRadius,
+      "capInsets": capInsets,
+      "defaultSource":
+        UtilsRN.option_map(
+          (x: Image.defaultSource) =>
+            switch (x) {
+            | `URI(x) => rawImageSourceJS(x)
+            | `Required(x) => rawImageSourceJS(x)
+            },
+          defaultSource,
+        ),
+      "onPartialLoad": onPartialLoad,
+      "onProgress":
+        UtilsRN.option_map((x, y) => x(Event.progress(y)), onProgress),
+    },
+  );
\ No newline at end of file
diff --git a/src/components/imageBackground.rei b/src/components/imageBackground.rei
index faced7e7426abe..0f6a00129c737e 100644
--- a/src/components/imageBackground.rei
+++ b/src/components/imageBackground.rei
@@ -32,4 +32,4 @@ let make:
     ReasonReact.stateless,
     ReasonReact.noRetainedProps,
     unit,
-  );
+  );
\ No newline at end of file
diff --git a/src/components/keyboardAvoidingView.re b/src/components/keyboardAvoidingView.re
index a399b1fc63a4cb..8f2b69e261c372 100644
--- a/src/components/keyboardAvoidingView.re
+++ b/src/components/keyboardAvoidingView.re
@@ -2,8 +2,7 @@
 type behavior = [ | `height | `position | `padding];
 
 [@bs.module "react-native"]
-external keyboardAvoidingView : ReasonReact.reactClass =
-  "KeyboardAvoidingView";
+external keyboardAvoidingView: ReasonReact.reactClass = "KeyboardAvoidingView";
 
 let make =
     (
@@ -57,9 +56,8 @@ let make =
         ~shouldRasterizeIOS?,
         {
           "keyboardVerticalOffset": keyboardVerticalOffset,
-          "behavior":
-            UtilsRN.option_map(behaviorToJs, behavior),
+          "behavior": UtilsRN.option_map(behaviorToJs, behavior),
           "contentContainerStyle": contentContainerStyle,
         },
-      )
-  );
+      ),
+  );
\ No newline at end of file
diff --git a/src/components/keyboardAvoidingView.rei b/src/components/keyboardAvoidingView.rei
index 5cb1aa9c68612b..d9cb056b3d757d 100644
--- a/src/components/keyboardAvoidingView.rei
+++ b/src/components/keyboardAvoidingView.rei
@@ -56,4 +56,4 @@ let make:
     ReasonReact.stateless,
     ReasonReact.noRetainedProps,
     unit,
-  );
+  );
\ No newline at end of file
diff --git a/src/components/maskedViewIOS.re b/src/components/maskedViewIOS.re
index 6986fc5f13e1b6..1ea9e3bbbaa981 100644
--- a/src/components/maskedViewIOS.re
+++ b/src/components/maskedViewIOS.re
@@ -1,5 +1,5 @@
 [@bs.module "react-native"]
-external view : ReasonReact.reactClass = "MaskedViewIOS";
+external view: ReasonReact.reactClass = "MaskedViewIOS";
 
 let make =
     (
diff --git a/src/components/maskedViewIOS.rei b/src/components/maskedViewIOS.rei
index 8f61f404aa3322..a91eb9810c8e76 100644
--- a/src/components/maskedViewIOS.rei
+++ b/src/components/maskedViewIOS.rei
@@ -54,4 +54,4 @@ let make:
     ReasonReact.stateless,
     ReasonReact.noRetainedProps,
     ReasonReact.actionless,
-  );
+  );
\ No newline at end of file
diff --git a/src/components/modal.re b/src/components/modal.re
index d8cb0480e65062..a9d95f5c4881b2 100644
--- a/src/components/modal.re
+++ b/src/components/modal.re
@@ -1,4 +1,4 @@
-[@bs.module "react-native"] external modal : ReasonReact.reactClass = "Modal";
+[@bs.module "react-native"] external modal: ReasonReact.reactClass = "Modal";
 
 let encodeAnimationType = x =>
   switch (x) {
@@ -33,20 +33,18 @@ let make =
     ) =>
   ReasonReact.wrapJsForReason(
     ~reactClass=modal,
-    ~props=
-      {
-        "animationType":
-          UtilsRN.option_map(encodeAnimationType, animationType),
-        "onShow": onShow,
-        "transparent": transparent,
-        "visible": visible,
-        "hardwareAccelerated": hardwareAccelerated,
-        "onRequestClose": onRequestClose,
-        "onOrientationChange": onOrientationChange,
-        "supportedOrientations":
-          UtilsRN.option_map(
-            encodeSupportedOrientations,
-            supportedOrientations,
-          ),
-      },
-  );
+    ~props={
+      "animationType": UtilsRN.option_map(encodeAnimationType, animationType),
+      "onShow": onShow,
+      "transparent": transparent,
+      "visible": visible,
+      "hardwareAccelerated": hardwareAccelerated,
+      "onRequestClose": onRequestClose,
+      "onOrientationChange": onOrientationChange,
+      "supportedOrientations":
+        UtilsRN.option_map(
+          encodeSupportedOrientations,
+          supportedOrientations,
+        ),
+    },
+  );
\ No newline at end of file
diff --git a/src/components/modal.rei b/src/components/modal.rei
index 881ec233787545..c6d837ff91b462 100644
--- a/src/components/modal.rei
+++ b/src/components/modal.rei
@@ -23,4 +23,4 @@ let make:
     ReasonReact.stateless,
     ReasonReact.noRetainedProps,
     unit,
-  );
+  );
\ No newline at end of file
diff --git a/src/components/picker.re b/src/components/picker.re
index df906f1a6546f0..b6fd63109ae52e 100644
--- a/src/components/picker.re
+++ b/src/components/picker.re
@@ -1,18 +1,17 @@
-[@bs.module "react-native"] external view : ReasonReact.reactClass = "Picker";
+[@bs.module "react-native"] external view: ReasonReact.reactClass = "Picker";
 
 module Item = {
   [@bs.scope "Picker"] [@bs.module "react-native"]
-  external item : ReasonReact.reactClass = "Item";
+  external item: ReasonReact.reactClass = "Item";
   let make = (~color=?, ~label, ~value=?, ~testID=?) =>
     ReasonReact.wrapJsForReason(
       ~reactClass=item,
-      ~props=
-        {
-          "label": label,
-          "value": value,
-          "color": color,
-          "testID": testID,
-        },
+      ~props={
+        "label": label,
+        "value": value,
+        "color": color,
+        "testID": testID,
+      },
     );
 };
 
diff --git a/src/components/picker.rei b/src/components/picker.rei
index e92a6a915eed92..a2461b97622adf 100644
--- a/src/components/picker.rei
+++ b/src/components/picker.rei
@@ -75,4 +75,4 @@ let make:
     ReasonReact.stateless,
     ReasonReact.noRetainedProps,
     unit,
-  );
+  );
\ No newline at end of file
diff --git a/src/components/pickerIOS.re b/src/components/pickerIOS.re
index 70251ea418fe9a..bc98bdd0e90d91 100644
--- a/src/components/pickerIOS.re
+++ b/src/components/pickerIOS.re
@@ -1,18 +1,13 @@
 [@bs.module "react-native"]
-external pickerIOS : ReasonReact.reactClass = "PickerIOS";
+external pickerIOS: ReasonReact.reactClass = "PickerIOS";
 
 module Item = {
   [@bs.scope "PickerIOS"] [@bs.module "react-native"]
-  external item : ReasonReact.reactClass = "Item";
+  external item: ReasonReact.reactClass = "Item";
   let make = (~label, ~value=?, ~color=?) =>
     ReasonReact.wrapJsForReason(
       ~reactClass=item,
-      ~props=
-        {
-          "label": label,
-          "value": value,
-          "color": color,
-        },
+      ~props={"label": label, "value": value, "color": color},
     );
 };
 
diff --git a/src/components/progressBarAndroid.re b/src/components/progressBarAndroid.re
index a69d887daaea41..426768624deb6e 100644
--- a/src/components/progressBarAndroid.re
+++ b/src/components/progressBarAndroid.re
@@ -1,5 +1,5 @@
 [@bs.module "react-native"]
-external component : ReasonReact.reactClass = "ProgressBarAndroid";
+external component: ReasonReact.reactClass = "ProgressBarAndroid";
 
 let styleAttribute = attr =>
   switch (attr) {
@@ -50,8 +50,7 @@ let make =
           "color": color,
           "indeterminate": indeterminate,
           "progress": progress,
-          "styleAttr":
-            UtilsRN.option_map(styleAttribute, styleAttr),
+          "styleAttr": UtilsRN.option_map(styleAttribute, styleAttr),
           "testID": testID,
         },
         ~accessibilityLabel?,
diff --git a/src/components/progressViewIOS.re b/src/components/progressViewIOS.re
index ad573808ef28d1..253847658ecdaf 100644
--- a/src/components/progressViewIOS.re
+++ b/src/components/progressViewIOS.re
@@ -1,5 +1,5 @@
 [@bs.module "react-native"]
-external progressViewIOS : ReasonReact.reactClass = "ProgressViewIOS";
+external progressViewIOS: ReasonReact.reactClass = "ProgressViewIOS";
 
 let make =
     (
diff --git a/src/components/refreshControl.re b/src/components/refreshControl.re
index ef5af7a0598b8f..bed1ca31226a45 100644
--- a/src/components/refreshControl.re
+++ b/src/components/refreshControl.re
@@ -1,5 +1,5 @@
 [@bs.module "react-native"]
-external view : ReasonReact.reactClass = "RefreshControl";
+external view: ReasonReact.reactClass = "RefreshControl";
 
 let make =
     (
@@ -69,4 +69,4 @@ let make =
         ~accessibilityViewIsModal?,
         ~shouldRasterizeIOS?,
       ),
-  );
+  );
\ No newline at end of file
diff --git a/src/components/refreshControl.rei b/src/components/refreshControl.rei
index 6d7b3a4db50169..05f6d4b1370cb8 100644
--- a/src/components/refreshControl.rei
+++ b/src/components/refreshControl.rei
@@ -62,4 +62,4 @@ let make:
     ReasonReact.stateless,
     ReasonReact.noRetainedProps,
     unit,
-  );
+  );
\ No newline at end of file
diff --git a/src/components/safeAreaView.re b/src/components/safeAreaView.re
index 7c6536e9ec4370..92625fcf99da48 100644
--- a/src/components/safeAreaView.re
+++ b/src/components/safeAreaView.re
@@ -1,5 +1,5 @@
 include View.CreateComponent({
   [@bs.module "react-native"]
-  external view : ReasonReact.reactClass = "SafeAreaView";
+  external view: ReasonReact.reactClass = "SafeAreaView";
   let view = view;
-});
+});
\ No newline at end of file
diff --git a/src/components/safeAreaView.rei b/src/components/safeAreaView.rei
index e0ee2a5d5723fb..d3f3964cce4680 100644
--- a/src/components/safeAreaView.rei
+++ b/src/components/safeAreaView.rei
@@ -1 +1 @@
-include View.ViewComponent;
+include View.ViewComponent;
\ No newline at end of file
diff --git a/src/components/scrollView.re b/src/components/scrollView.re
index 2ca0b6a738101b..6be48f293c09a1 100644
--- a/src/components/scrollView.re
+++ b/src/components/scrollView.re
@@ -104,7 +104,7 @@ module CreateComponent = (Impl: View.Impl) : ScrollViewComponent => {
     y: float,
   };
   [@bs.send]
-  external _scrollTo :
+  external _scrollTo:
     (
       ReasonReact.reactRef,
       {
@@ -117,7 +117,7 @@ module CreateComponent = (Impl: View.Impl) : ScrollViewComponent => {
     unit =
     "scrollTo";
   [@bs.send]
-  external _scrollToEnd : (ReasonReact.reactRef, {. "animated": bool}) => unit =
+  external _scrollToEnd: (ReasonReact.reactRef, {. "animated": bool}) => unit =
     "scrollToEnd";
   let scrollTo = (ref, ~x, ~y, ~animated) =>
     _scrollTo(ref, {"x": x, "y": y, "animated": animated});
@@ -302,5 +302,5 @@ module CreateComponent = (Impl: View.Impl) : ScrollViewComponent => {
 
 include CreateComponent({
   [@bs.module "react-native"]
-  external view : ReasonReact.reactClass = "ScrollView";
-});
+  external view: ReasonReact.reactClass = "ScrollView";
+});
\ No newline at end of file
diff --git a/src/components/scrollView.rei b/src/components/scrollView.rei
index 90a8093363600b..17191ffb2a594e 100644
--- a/src/components/scrollView.rei
+++ b/src/components/scrollView.rei
@@ -100,4 +100,4 @@ module type ScrollViewComponent = {
 
 module CreateComponent: (Impl: View.Impl) => ScrollViewComponent;
 
-include ScrollViewComponent;
+include ScrollViewComponent;
\ No newline at end of file
diff --git a/src/components/sectionList.re b/src/components/sectionList.re
index 5f122cb536b6cf..0012632049695d 100644
--- a/src/components/sectionList.re
+++ b/src/components/sectionList.re
@@ -1,5 +1,5 @@
 [@bs.module "react-native"]
-external view : ReasonReact.reactClass = "SectionList";
+external view: ReasonReact.reactClass = "SectionList";
 
 type jsSection('item) = {
   .
@@ -79,7 +79,7 @@ let renderItem =
 
 let section = (~data, ~key=?, ~renderItem=?, ()) => {data, key, renderItem};
 
-let sections = reSections : sections('item) =>
+let sections = reSections: sections('item) =>
   Array.map(
     reSection => {
       "data": reSection.data,
@@ -216,40 +216,38 @@ let make:
   ) =>
     ReasonReact.wrapJsForReason(
       ~reactClass=view,
-      ~props=
-        {
-          "sections": sections,
-          "renderItem": renderItem,
-          "keyExtractor": keyExtractor,
-          "ItemSeparatorComponent": itemSeparatorComponent,
-          "ListEmptyComponent": listEmptyComponent,
-          "ListFooterComponent": listFooterComponent,
-          "ListHeaderComponent": listHeaderComponent,
-          "SectionSeparatorComponent": sectionSeparatorComponent,
-          "inverted": inverted,
-          "extraData": extraData,
-          "initialNumToRender": initialNumToRender,
-          "onEndReached": onEndReached,
-          "onEndReachedThreshold": onEndReachedThreshold,
-          "onRefresh": onRefresh,
-          "onViewableItemsChanged": onViewableItemsChanged,
-          "refreshing": refreshing,
-          "renderSectionHeader": renderSectionHeader,
-          "renderSectionFooter": renderSectionFooter,
-          "stickySectionHeadersEnabled": stickySectionHeadersEnabled,
-          "keyboardDismissMode":
-            keyboardDismissMode
-            |> UtilsRN.option_map(keyboardDismissModeToJs),
-          "keyboardShouldPersistTaps":
-            keyboardShouldPersistTaps
-            |> UtilsRN.option_map(keyboardShouldPersistTapsToJs),
-          "showsHorizontalScrollIndicator": showsHorizontalScrollIndicator,
-          "showsVerticalScrollIndicator": showsVerticalScrollIndicator,
-          "getItemLayout":
-            UtilsRN.option_map(
-              (f, data, index) => f(Js.Undefined.toOption(data), index),
-              getItemLayout,
-            ),
-        },
+      ~props={
+        "sections": sections,
+        "renderItem": renderItem,
+        "keyExtractor": keyExtractor,
+        "ItemSeparatorComponent": itemSeparatorComponent,
+        "ListEmptyComponent": listEmptyComponent,
+        "ListFooterComponent": listFooterComponent,
+        "ListHeaderComponent": listHeaderComponent,
+        "SectionSeparatorComponent": sectionSeparatorComponent,
+        "inverted": inverted,
+        "extraData": extraData,
+        "initialNumToRender": initialNumToRender,
+        "onEndReached": onEndReached,
+        "onEndReachedThreshold": onEndReachedThreshold,
+        "onRefresh": onRefresh,
+        "onViewableItemsChanged": onViewableItemsChanged,
+        "refreshing": refreshing,
+        "renderSectionHeader": renderSectionHeader,
+        "renderSectionFooter": renderSectionFooter,
+        "stickySectionHeadersEnabled": stickySectionHeadersEnabled,
+        "keyboardDismissMode":
+          keyboardDismissMode |> UtilsRN.option_map(keyboardDismissModeToJs),
+        "keyboardShouldPersistTaps":
+          keyboardShouldPersistTaps
+          |> UtilsRN.option_map(keyboardShouldPersistTapsToJs),
+        "showsHorizontalScrollIndicator": showsHorizontalScrollIndicator,
+        "showsVerticalScrollIndicator": showsVerticalScrollIndicator,
+        "getItemLayout":
+          UtilsRN.option_map(
+            (f, data, index) => f(Js.Undefined.toOption(data), index),
+            getItemLayout,
+          ),
+      },
       _children,
-    );
+    );
\ No newline at end of file
diff --git a/src/components/sectionList.rei b/src/components/sectionList.rei
index f2dba120dcdc38..5c0f5340118e92 100644
--- a/src/components/sectionList.rei
+++ b/src/components/sectionList.rei
@@ -108,4 +108,4 @@ let make:
     ReasonReact.stateless,
     ReasonReact.noRetainedProps,
     unit,
-  );
+  );
\ No newline at end of file
diff --git a/src/components/segmentedControllOS.re b/src/components/segmentedControllOS.re
index 3c20fc5ea8a82e..00b7e16627e382 100644
--- a/src/components/segmentedControllOS.re
+++ b/src/components/segmentedControllOS.re
@@ -1,5 +1,5 @@
 [@bs.module "react-native"]
-external view : ReasonReact.reactClass = "SegmentedControlIOS";
+external view: ReasonReact.reactClass = "SegmentedControlIOS";
 
 let make =
     (
@@ -65,4 +65,4 @@ let make =
         ~accessibilityViewIsModal?,
         ~shouldRasterizeIOS?,
       ),
-  );
+  );
\ No newline at end of file
diff --git a/src/components/segmentedControllOS.rei b/src/components/segmentedControllOS.rei
index f0bc9c7f676e1e..4a9006d17879e0 100644
--- a/src/components/segmentedControllOS.rei
+++ b/src/components/segmentedControllOS.rei
@@ -60,4 +60,4 @@ let make:
     ReasonReact.stateless,
     ReasonReact.noRetainedProps,
     unit,
-  );
+  );
\ No newline at end of file
diff --git a/src/components/slider.re b/src/components/slider.re
index 51768e87540615..8869770541785c 100644
--- a/src/components/slider.re
+++ b/src/components/slider.re
@@ -1,8 +1,8 @@
-[@bs.module "react-native"] external view : ReasonReact.reactClass = "Slider";
+[@bs.module "react-native"] external view: ReasonReact.reactClass = "Slider";
 
 type rawImageSourceJS;
 
-external rawImageSourceJS : 'a => rawImageSourceJS = "%identity";
+external rawImageSourceJS: 'a => rawImageSourceJS = "%identity";
 
 let convertImageSource = src =>
   switch (src) {
@@ -67,10 +67,8 @@ let make =
             UtilsRN.option_map(convertImageSource, maximumTrackImage),
           "minimumTrackImage":
             UtilsRN.option_map(convertImageSource, minimumTrackImage),
-          "thumbImage":
-            UtilsRN.option_map(convertImageSource, thumbImage),
-          "trackImage":
-            UtilsRN.option_map(convertImageSource, trackImage),
+          "thumbImage": UtilsRN.option_map(convertImageSource, thumbImage),
+          "trackImage": UtilsRN.option_map(convertImageSource, trackImage),
         },
         ~accessibilityLabel?,
         ~accessible?,
@@ -93,4 +91,4 @@ let make =
         ~accessibilityViewIsModal?,
         ~shouldRasterizeIOS?,
       ),
-  );
+  );
\ No newline at end of file
diff --git a/src/components/slider.rei b/src/components/slider.rei
index b743f0ffaaf59f..0fc458e00377f5 100644
--- a/src/components/slider.rei
+++ b/src/components/slider.rei
@@ -67,4 +67,4 @@ let make:
     ReasonReact.stateless,
     ReasonReact.noRetainedProps,
     unit,
-  );
+  );
\ No newline at end of file
diff --git a/src/components/snapshotViewIOS.re b/src/components/snapshotViewIOS.re
index b064fc8a20c556..b28bd10f061acb 100644
--- a/src/components/snapshotViewIOS.re
+++ b/src/components/snapshotViewIOS.re
@@ -1,5 +1,5 @@
 [@bs.module "react-native"]
-external snapshotViewIOS : ReasonReact.reactClass = "SnapshotViewIOS";
+external snapshotViewIOS: ReasonReact.reactClass = "SnapshotViewIOS";
 
 let make =
     (
diff --git a/src/components/statusBar.re b/src/components/statusBar.re
index f3edb48e6e678f..48abb0eb6ae602 100644
--- a/src/components/statusBar.re
+++ b/src/components/statusBar.re
@@ -1,8 +1,8 @@
 [@bs.module "react-native"]
-external statusBar : ReasonReact.reactClass = "StatusBar";
+external statusBar: ReasonReact.reactClass = "StatusBar";
 
 [@bs.scope "StatusBar"] [@bs.module "react-native"]
-external _setHidden : (bool, Js.Undefined.t(string)) => unit = "setHidden";
+external _setHidden: (bool, Js.Undefined.t(string)) => unit = "setHidden";
 
 let setHidden = (hidden, ~animation=?, ()) =>
   _setHidden(
@@ -21,8 +21,7 @@ let setHidden = (hidden, ~animation=?, ()) =>
   );
 
 [@bs.scope "StatusBar"] [@bs.module "react-native"]
-external _setBarStyle : (string, Js.Undefined.t(bool)) => unit =
-  "setBarStyle";
+external _setBarStyle: (string, Js.Undefined.t(bool)) => unit = "setBarStyle";
 
 let setBarStyle = (style, ~animated=?, ()) =>
   _setBarStyle(
@@ -35,24 +34,21 @@ let setBarStyle = (style, ~animated=?, ()) =>
   );
 
 [@bs.scope "StatusBar"] [@bs.module "react-native"]
-external _setNetworkActivityIndicatorVisible : bool => unit =
+external _setNetworkActivityIndicatorVisible: bool => unit =
   "setNetworkActivityIndicatorVisible";
 
 let setNetworkActivityIndicatorVisible = visible =>
   _setNetworkActivityIndicatorVisible(visible);
 
 [@bs.scope "StatusBar"] [@bs.module "react-native"]
-external _setBackgroundColor : (string, Js.Undefined.t(bool)) => unit =
+external _setBackgroundColor: (string, Js.Undefined.t(bool)) => unit =
   "setBackgroundColor";
 
 let setBackgroundColor = (color, ~animated=?, ()) =>
-  _setBackgroundColor(
-    color,
-    Js.Undefined.fromOption(animated),
-  );
+  _setBackgroundColor(color, Js.Undefined.fromOption(animated));
 
 [@bs.scope "StatusBar"] [@bs.module "react-native"]
-external _setTranslucent : bool => unit = "setTranslucent";
+external _setTranslucent: bool => unit = "setTranslucent";
 
 let setTranslucent = translucent => _setTranslucent(translucent);
 
@@ -68,32 +64,31 @@ let make =
     ) =>
   ReasonReact.wrapJsForReason(
     ~reactClass=statusBar,
-    ~props=
-      {
-        "animated": animated,
-        "barStyle":
-          UtilsRN.option_map(
-            x =>
-              switch (x) {
-              | `default => "default"
-              | `lightContent => "light-content"
-              | `darkContent => "dark-content"
-              },
-            barStyle,
-          ),
-        "backgroundColor": backgroundColor,
-        "hidden": hidden,
-        "translucent": translucent,
-        "networkActivityIndicatorVisible": networkActivityIndicatorVisible,
-        "showHideTransition":
-          UtilsRN.option_map(
-            x =>
-              switch (x) {
-              | `none => "none"
-              | `fade => "fade"
-              | `slide => "slide"
-              },
-            showHideTransition,
-          ),
-      },
-  );
+    ~props={
+      "animated": animated,
+      "barStyle":
+        UtilsRN.option_map(
+          x =>
+            switch (x) {
+            | `default => "default"
+            | `lightContent => "light-content"
+            | `darkContent => "dark-content"
+            },
+          barStyle,
+        ),
+      "backgroundColor": backgroundColor,
+      "hidden": hidden,
+      "translucent": translucent,
+      "networkActivityIndicatorVisible": networkActivityIndicatorVisible,
+      "showHideTransition":
+        UtilsRN.option_map(
+          x =>
+            switch (x) {
+            | `none => "none"
+            | `fade => "fade"
+            | `slide => "slide"
+            },
+          showHideTransition,
+        ),
+    },
+  );
\ No newline at end of file
diff --git a/src/components/statusBar.rei b/src/components/statusBar.rei
index 32af9a1082e7b7..e1381acd18abc5 100644
--- a/src/components/statusBar.rei
+++ b/src/components/statusBar.rei
@@ -25,4 +25,4 @@ let make:
     ReasonReact.stateless,
     ReasonReact.noRetainedProps,
     unit,
-  );
+  );
\ No newline at end of file
diff --git a/src/components/switch.re b/src/components/switch.re
index af6bb4f16d6315..80ae84c0257757 100644
--- a/src/components/switch.re
+++ b/src/components/switch.re
@@ -1,4 +1,4 @@
-[@bs.module "react-native"] external view : ReasonReact.reactClass = "Switch";
+[@bs.module "react-native"] external view: ReasonReact.reactClass = "Switch";
 
 let make =
     (
@@ -62,4 +62,4 @@ let make =
         ~accessibilityViewIsModal?,
         ~shouldRasterizeIOS?,
       ),
-  );
+  );
\ No newline at end of file
diff --git a/src/components/switch.rei b/src/components/switch.rei
index d6a96a4a57175e..adb7132feb5221 100644
--- a/src/components/switch.rei
+++ b/src/components/switch.rei
@@ -59,4 +59,4 @@ let make:
     ReasonReact.stateless,
     ReasonReact.noRetainedProps,
     unit,
-  );
+  );
\ No newline at end of file
diff --git a/src/components/tabBarIOS.re b/src/components/tabBarIOS.re
index 5d6ec2b280bc38..2313e7119dcf01 100644
--- a/src/components/tabBarIOS.re
+++ b/src/components/tabBarIOS.re
@@ -1,6 +1,6 @@
 module Item = {
   [@bs.scope "TabBarIOS"] [@bs.module "react-native"]
-  external tabBarItemIOS : ReasonReact.reactClass = "Item";
+  external tabBarItemIOS: ReasonReact.reactClass = "Item";
   let make =
       (
         ~title: option(string)=?,
@@ -74,7 +74,7 @@ module Item = {
 };
 
 [@bs.module "react-native"]
-external tabBarIOS : ReasonReact.reactClass = "TabBarIOS";
+external tabBarIOS: ReasonReact.reactClass = "TabBarIOS";
 
 let make =
     (
@@ -147,4 +147,4 @@ let make =
         ~accessibilityViewIsModal?,
         ~shouldRasterizeIOS?,
       ),
-  );
+  );
\ No newline at end of file
diff --git a/src/components/tabBarIOS.rei b/src/components/tabBarIOS.rei
index 690ef23fe07073..2e22467c94be5a 100644
--- a/src/components/tabBarIOS.rei
+++ b/src/components/tabBarIOS.rei
@@ -128,4 +128,4 @@ let make:
     ReasonReact.stateless,
     ReasonReact.noRetainedProps,
     unit,
-  );
+  );
\ No newline at end of file
diff --git a/src/components/text.re b/src/components/text.re
index b29ea2f6c4bc90..13e9d290b1f7be 100644
--- a/src/components/text.re
+++ b/src/components/text.re
@@ -51,40 +51,39 @@ module CreateComponent = (Impl: View.Impl) : TextComponent => {
       ) =>
     ReasonReact.wrapJsForReason(
       ~reactClass=Impl.view,
-      ~props=
-        {
-          "accessible": accessible,
-          "allowFontScaling": allowFontScaling,
-          "ellipsizeMode":
-            UtilsRN.option_map(
-              fun
-              | `head => "head"
-              | `middle => "middle"
-              | `tail => "tail"
-              | `clip => "clip",
-              ellipsizeMode,
-            ),
-          "numberOfLines": numberOfLines,
-          "onLayout": onLayout,
-          "onLongPress": onLongPress,
-          "onPress": onPress,
-          "pressRetentionOffset": pressRetentionOffset,
-          "selectable": selectable,
-          "style": style,
-          "testID": testID,
-          "selectionColor": selectionColor,
-          "textBreakStrategy":
-            UtilsRN.option_map(
-              fun
-              | `simple => "simple"
-              | `highQuality => "highQuality"
-              | `balanced => "balanced",
-              textBreakStrategy,
-            ),
-          "adjustsFontSizeToFit": adjustsFontSizeToFit,
-          "minimumFontScale": minimumFontScale,
-          "suppressHighlighting": suppressHighlighting,
-        },
+      ~props={
+        "accessible": accessible,
+        "allowFontScaling": allowFontScaling,
+        "ellipsizeMode":
+          UtilsRN.option_map(
+            fun
+            | `head => "head"
+            | `middle => "middle"
+            | `tail => "tail"
+            | `clip => "clip",
+            ellipsizeMode,
+          ),
+        "numberOfLines": numberOfLines,
+        "onLayout": onLayout,
+        "onLongPress": onLongPress,
+        "onPress": onPress,
+        "pressRetentionOffset": pressRetentionOffset,
+        "selectable": selectable,
+        "style": style,
+        "testID": testID,
+        "selectionColor": selectionColor,
+        "textBreakStrategy":
+          UtilsRN.option_map(
+            fun
+            | `simple => "simple"
+            | `highQuality => "highQuality"
+            | `balanced => "balanced",
+            textBreakStrategy,
+          ),
+        "adjustsFontSizeToFit": adjustsFontSizeToFit,
+        "minimumFontScale": minimumFontScale,
+        "suppressHighlighting": suppressHighlighting,
+      },
       switch (value) {
       | Some(string) =>
         Array.append([|ReasonReact.string(string)|], children)
@@ -94,5 +93,5 @@ module CreateComponent = (Impl: View.Impl) : TextComponent => {
 };
 
 include CreateComponent({
-  [@bs.module "react-native"] external view : ReasonReact.reactClass = "Text";
-});
+  [@bs.module "react-native"] external view: ReasonReact.reactClass = "Text";
+});
\ No newline at end of file
diff --git a/src/components/text.rei b/src/components/text.rei
index a8f93c1a1ae15f..cfffc5a35eec32 100644
--- a/src/components/text.rei
+++ b/src/components/text.rei
@@ -29,4 +29,4 @@ module type TextComponent = {
 
 module CreateComponent: (Impl: View.Impl) => TextComponent;
 
-include TextComponent;
+include TextComponent;
\ No newline at end of file
diff --git a/src/components/textInput.re b/src/components/textInput.re
index bd220e4455db51..e61ec05516cba8 100644
--- a/src/components/textInput.re
+++ b/src/components/textInput.re
@@ -1,13 +1,13 @@
 [@bs.module "react-native"]
-external view : ReasonReact.reactClass = "TextInput";
+external view: ReasonReact.reactClass = "TextInput";
 
-[@bs.send] external isFocused : ReasonReact.reactRef => bool = "";
+[@bs.send] external isFocused: ReasonReact.reactRef => bool = "";
 
-[@bs.send] external clear : ReasonReact.reactRef => unit = "";
+[@bs.send] external clear: ReasonReact.reactRef => unit = "";
 
-[@bs.send] external focus : ReasonReact.reactRef => unit = "";
+[@bs.send] external focus: ReasonReact.reactRef => unit = "";
 
-[@bs.send] external blur : ReasonReact.reactRef => unit = "";
+[@bs.send] external blur: ReasonReact.reactRef => unit = "";
 
 let make =
     (
@@ -96,7 +96,7 @@ let make =
           "blurOnSubmit": blurOnSubmit,
           "caretHidden": caretHidden,
           "defaultValue": defaultValue,
-          "editable": editable ,
+          "editable": editable,
           "keyboardType":
             UtilsRN.option_map(
               x =>
@@ -233,4 +233,4 @@ let make =
         ~accessibilityViewIsModal?,
         ~shouldRasterizeIOS?,
       ),
-  );
+  );
\ No newline at end of file
diff --git a/src/components/touchableHighlight.re b/src/components/touchableHighlight.re
index 6a574ea0894f76..873900c7190a30 100644
--- a/src/components/touchableHighlight.re
+++ b/src/components/touchableHighlight.re
@@ -1,5 +1,5 @@
 [@bs.module "react-native"]
-external view : ReasonReact.reactClass = "TouchableHighlight";
+external view: ReasonReact.reactClass = "TouchableHighlight";
 
 let make =
     (
@@ -27,63 +27,62 @@ let make =
     ) =>
   ReasonReact.wrapJsForReason(
     ~reactClass=view,
-    ~props=
-      {
-        "accessible": accessible,
-        "accessibilityLabel": accessibilityLabel,
-        "delayLongPress": delayLongPress,
-        "delayPressIn": delayPressIn,
-        "delayPressOut": delayPressOut,
-        "disabled": disabled,
-        "hitSlop": hitSlop,
-        "onLayout": onLayout,
-        "onPress": onPress,
-        "onPressIn": onPressIn,
-        "onPressOut": onPressOut,
-        "pressRetentionOffset": pressRetentionOffset,
-        "accessibilityComponentType":
-          UtilsRN.option_map(
-            x =>
-              switch (x) {
+    ~props={
+      "accessible": accessible,
+      "accessibilityLabel": accessibilityLabel,
+      "delayLongPress": delayLongPress,
+      "delayPressIn": delayPressIn,
+      "delayPressOut": delayPressOut,
+      "disabled": disabled,
+      "hitSlop": hitSlop,
+      "onLayout": onLayout,
+      "onPress": onPress,
+      "onPressIn": onPressIn,
+      "onPressOut": onPressOut,
+      "pressRetentionOffset": pressRetentionOffset,
+      "accessibilityComponentType":
+        UtilsRN.option_map(
+          x =>
+            switch (x) {
+            | `none => "none"
+            | `button => "button"
+            | `radiobutton_checked => "radiobutton_checked-none"
+            | `radiobutton_unchecked => "radiobutton_unchecked"
+            },
+          accessibilityComponentType,
+        ),
+      "accessibilityTraits":
+        UtilsRN.option_map(
+          traits => {
+            let to_string =
+              fun
               | `none => "none"
               | `button => "button"
-              | `radiobutton_checked => "radiobutton_checked-none"
-              | `radiobutton_unchecked => "radiobutton_unchecked"
-              },
-            accessibilityComponentType,
-          ),
-        "accessibilityTraits":
-          UtilsRN.option_map(
-            traits => {
-              let to_string =
-                fun
-                | `none => "none"
-                | `button => "button"
-                | `link => "link"
-                | `header => "header"
-                | `search => "search"
-                | `image => "image"
-                | `selected => "selected"
-                | `plays => "plays"
-                | `key => "key"
-                | `text => "text"
-                | `summary => "summary"
-                | `disabled => "disabled"
-                | `frequentUpdates => "frequentUpdates"
-                | `startsMedia => "startsMedia"
-                | `adjustable => "adjustable"
-                | `allowsDirectInteraction => "allowsDirectInteraction"
-                | `pageTurn => "pageTurn";
-              traits |> List.map(to_string) |> Array.of_list;
-            },
-            accessibilityTraits,
-          ),
-        "activeOpacity": activeOpacity,
-        "onHideUnderlay": onHideUnderlay,
-        "onShowUnderlay": onShowUnderlay,
-        "style": style,
-        "underlayColor": underlayColor,
-        "hasTVPreferredFocus": hasTVPreferredFocus,
-        "tvParallaxProperties": tvParallaxProperties,
-      },
-  );
+              | `link => "link"
+              | `header => "header"
+              | `search => "search"
+              | `image => "image"
+              | `selected => "selected"
+              | `plays => "plays"
+              | `key => "key"
+              | `text => "text"
+              | `summary => "summary"
+              | `disabled => "disabled"
+              | `frequentUpdates => "frequentUpdates"
+              | `startsMedia => "startsMedia"
+              | `adjustable => "adjustable"
+              | `allowsDirectInteraction => "allowsDirectInteraction"
+              | `pageTurn => "pageTurn";
+            traits |> List.map(to_string) |> Array.of_list;
+          },
+          accessibilityTraits,
+        ),
+      "activeOpacity": activeOpacity,
+      "onHideUnderlay": onHideUnderlay,
+      "onShowUnderlay": onShowUnderlay,
+      "style": style,
+      "underlayColor": underlayColor,
+      "hasTVPreferredFocus": hasTVPreferredFocus,
+      "tvParallaxProperties": tvParallaxProperties,
+    },
+  );
\ No newline at end of file
diff --git a/src/components/touchableHighlight.rei b/src/components/touchableHighlight.rei
index ad1831cda3a27f..abca1209d48078 100644
--- a/src/components/touchableHighlight.rei
+++ b/src/components/touchableHighlight.rei
@@ -54,4 +54,4 @@ let make:
     ReasonReact.stateless,
     ReasonReact.noRetainedProps,
     unit,
-  );
+  );
\ No newline at end of file
diff --git a/src/components/touchableNativeFeedback.re b/src/components/touchableNativeFeedback.re
index 98b6fe65564446..ff4f8e2d59fdf1 100644
--- a/src/components/touchableNativeFeedback.re
+++ b/src/components/touchableNativeFeedback.re
@@ -1,20 +1,20 @@
 [@bs.module "react-native"]
-external view : ReasonReact.reactClass = "TouchableNativeFeedback";
+external view: ReasonReact.reactClass = "TouchableNativeFeedback";
 
 type t;
 
 [@bs.module "react-native"] [@bs.scope "TouchableNativeFeedback"]
-external selectableBackground : unit => t = "SelectableBackground";
+external selectableBackground: unit => t = "SelectableBackground";
 
 [@bs.module "react-native"] [@bs.scope "TouchableNativeFeedback"]
-external selectableBackgroundBorderless : unit => t =
+external selectableBackgroundBorderless: unit => t =
   "SelectableBackgroundBorderless";
 
 [@bs.module "react-native"] [@bs.scope "TouchableNativeFeedback"]
-external canUseNativeForeground : unit => t = "CanUseNativeForeground";
+external canUseNativeForeground: unit => t = "CanUseNativeForeground";
 
 [@bs.module "react-native"] [@bs.scope "TouchableNativeFeedback"]
-external ripple : (string, bool) => t = "Ripple";
+external ripple: (string, bool) => t = "Ripple";
 
 let make =
     (
@@ -39,60 +39,59 @@ let make =
     ) =>
   ReasonReact.wrapJsForReason(
     ~reactClass=view,
-    ~props=
-      {
-        "accessible": accessible,
-        "accessibilityLabel": accessibilityLabel,
-        "delayLongPress": delayLongPress,
-        "delayPressIn": delayPressIn,
-        "delayPressOut": delayPressOut,
-        "disabled": disabled,
-        "hitSlop": hitSlop,
-        "onLayout": onLayout,
-        "onLongPress": onLongPress,
-        "onPress": onPress,
-        "background": background,
-        "onPressIn": onPressIn,
-        "onPressOut": onPressOut,
-        "pressRetentionOffset": pressRetentionOffset,
-        "style": style,
-        "useForeground": useForeground,
-        "accessibilityComponentType":
-          UtilsRN.option_map(
-            x =>
-              switch (x) {
+    ~props={
+      "accessible": accessible,
+      "accessibilityLabel": accessibilityLabel,
+      "delayLongPress": delayLongPress,
+      "delayPressIn": delayPressIn,
+      "delayPressOut": delayPressOut,
+      "disabled": disabled,
+      "hitSlop": hitSlop,
+      "onLayout": onLayout,
+      "onLongPress": onLongPress,
+      "onPress": onPress,
+      "background": background,
+      "onPressIn": onPressIn,
+      "onPressOut": onPressOut,
+      "pressRetentionOffset": pressRetentionOffset,
+      "style": style,
+      "useForeground": useForeground,
+      "accessibilityComponentType":
+        UtilsRN.option_map(
+          x =>
+            switch (x) {
+            | `none => "none"
+            | `button => "button"
+            | `radiobutton_checked => "radiobutton_checked-none"
+            | `radiobutton_unchecked => "radiobutton_unchecked"
+            },
+          accessibilityComponentType,
+        ),
+      "accessibilityTraits":
+        UtilsRN.option_map(
+          traits => {
+            let to_string =
+              fun
               | `none => "none"
               | `button => "button"
-              | `radiobutton_checked => "radiobutton_checked-none"
-              | `radiobutton_unchecked => "radiobutton_unchecked"
-              },
-            accessibilityComponentType,
-          ),
-        "accessibilityTraits":
-          UtilsRN.option_map(
-            traits => {
-              let to_string =
-                fun
-                | `none => "none"
-                | `button => "button"
-                | `link => "link"
-                | `header => "header"
-                | `search => "search"
-                | `image => "image"
-                | `selected => "selected"
-                | `plays => "plays"
-                | `key => "key"
-                | `text => "text"
-                | `summary => "summary"
-                | `disabled => "disabled"
-                | `frequentUpdates => "frequentUpdates"
-                | `startsMedia => "startsMedia"
-                | `adjustable => "adjustable"
-                | `allowsDirectInteraction => "allowsDirectInteraction"
-                | `pageTurn => "pageTurn";
-              traits |> List.map(to_string) |> Array.of_list;
-            },
-            accessibilityTraits,
-          ),
-      },
-  );
+              | `link => "link"
+              | `header => "header"
+              | `search => "search"
+              | `image => "image"
+              | `selected => "selected"
+              | `plays => "plays"
+              | `key => "key"
+              | `text => "text"
+              | `summary => "summary"
+              | `disabled => "disabled"
+              | `frequentUpdates => "frequentUpdates"
+              | `startsMedia => "startsMedia"
+              | `adjustable => "adjustable"
+              | `allowsDirectInteraction => "allowsDirectInteraction"
+              | `pageTurn => "pageTurn";
+            traits |> List.map(to_string) |> Array.of_list;
+          },
+          accessibilityTraits,
+        ),
+    },
+  );
\ No newline at end of file
diff --git a/src/components/touchableNativeFeedback.rei b/src/components/touchableNativeFeedback.rei
index 5ebd038be212d4..9c0af7a25fb566 100644
--- a/src/components/touchableNativeFeedback.rei
+++ b/src/components/touchableNativeFeedback.rei
@@ -56,4 +56,4 @@ let make:
     ReasonReact.stateless,
     ReasonReact.noRetainedProps,
     unit,
-  );
+  );
\ No newline at end of file
diff --git a/src/components/touchableOpacity.re b/src/components/touchableOpacity.re
index 869eebe7ecc469..1c2fd3fbdae352 100644
--- a/src/components/touchableOpacity.re
+++ b/src/components/touchableOpacity.re
@@ -1,8 +1,8 @@
 [@bs.module "react-native"]
-external view : ReasonReact.reactClass = "TouchableOpacity";
+external view: ReasonReact.reactClass = "TouchableOpacity";
 
 [@bs.send]
-external setOpacityTo : (ReasonReact.reactRef, float, int) => unit =
+external setOpacityTo: (ReasonReact.reactRef, float, int) => unit =
   "setOpacityTo";
 
 let make =
@@ -29,61 +29,60 @@ let make =
     ) =>
   ReasonReact.wrapJsForReason(
     ~reactClass=view,
-    ~props=
-      {
-        "accessible": accessible,
-        "accessibilityLabel": accessibilityLabel,
-        "delayLongPress": delayLongPress,
-        "delayPressIn": delayPressIn,
-        "delayPressOut": delayPressOut,
-        "disabled": disabled,
-        "hitSlop": hitSlop,
-        "style": style,
-        "onLayout": onLayout,
-        "onPress": onPress,
-        "onLongPress": onLongPress,
-        "onPressIn": onPressIn,
-        "onPressOut": onPressOut,
-        "pressRetentionOffset": pressRetentionOffset,
-        "accessibilityComponentType":
-          UtilsRN.option_map(
-            x =>
-              switch (x) {
+    ~props={
+      "accessible": accessible,
+      "accessibilityLabel": accessibilityLabel,
+      "delayLongPress": delayLongPress,
+      "delayPressIn": delayPressIn,
+      "delayPressOut": delayPressOut,
+      "disabled": disabled,
+      "hitSlop": hitSlop,
+      "style": style,
+      "onLayout": onLayout,
+      "onPress": onPress,
+      "onLongPress": onLongPress,
+      "onPressIn": onPressIn,
+      "onPressOut": onPressOut,
+      "pressRetentionOffset": pressRetentionOffset,
+      "accessibilityComponentType":
+        UtilsRN.option_map(
+          x =>
+            switch (x) {
+            | `none => "none"
+            | `button => "button"
+            | `radiobutton_checked => "radiobutton_checked-none"
+            | `radiobutton_unchecked => "radiobutton_unchecked"
+            },
+          accessibilityComponentType,
+        ),
+      "accessibilityTraits":
+        UtilsRN.option_map(
+          traits => {
+            let to_string =
+              fun
               | `none => "none"
               | `button => "button"
-              | `radiobutton_checked => "radiobutton_checked-none"
-              | `radiobutton_unchecked => "radiobutton_unchecked"
-              },
-            accessibilityComponentType,
-          ),
-        "accessibilityTraits":
-          UtilsRN.option_map(
-            traits => {
-              let to_string =
-                fun
-                | `none => "none"
-                | `button => "button"
-                | `link => "link"
-                | `header => "header"
-                | `search => "search"
-                | `image => "image"
-                | `selected => "selected"
-                | `plays => "plays"
-                | `key => "key"
-                | `text => "text"
-                | `summary => "summary"
-                | `disabled => "disabled"
-                | `frequentUpdates => "frequentUpdates"
-                | `startsMedia => "startsMedia"
-                | `adjustable => "adjustable"
-                | `allowsDirectInteraction => "allowsDirectInteraction"
-                | `pageTurn => "pageTurn";
-              traits |> List.map(to_string) |> Array.of_list;
-            },
-            accessibilityTraits,
-          ),
-        "focusedOpacity": focusedOpacity,
-        "activeOpacity": activeOpacity,
-        "tvParallaxProperties": tvParallaxProperties,
-      },
-  );
+              | `link => "link"
+              | `header => "header"
+              | `search => "search"
+              | `image => "image"
+              | `selected => "selected"
+              | `plays => "plays"
+              | `key => "key"
+              | `text => "text"
+              | `summary => "summary"
+              | `disabled => "disabled"
+              | `frequentUpdates => "frequentUpdates"
+              | `startsMedia => "startsMedia"
+              | `adjustable => "adjustable"
+              | `allowsDirectInteraction => "allowsDirectInteraction"
+              | `pageTurn => "pageTurn";
+            traits |> List.map(to_string) |> Array.of_list;
+          },
+          accessibilityTraits,
+        ),
+      "focusedOpacity": focusedOpacity,
+      "activeOpacity": activeOpacity,
+      "tvParallaxProperties": tvParallaxProperties,
+    },
+  );
\ No newline at end of file
diff --git a/src/components/touchableOpacity.rei b/src/components/touchableOpacity.rei
index 30254b5877956d..728785aa82e734 100644
--- a/src/components/touchableOpacity.rei
+++ b/src/components/touchableOpacity.rei
@@ -1,5 +1,5 @@
 [@bs.send]
-external setOpacityTo : (ReasonReact.reactRef, float, int) => unit =
+external setOpacityTo: (ReasonReact.reactRef, float, int) => unit =
   "setOpacityTo";
 
 let make:
@@ -56,4 +56,4 @@ let make:
     ReasonReact.stateless,
     ReasonReact.noRetainedProps,
     unit,
-  );
+  );
\ No newline at end of file
diff --git a/src/components/touchableWithoutFeedback.re b/src/components/touchableWithoutFeedback.re
index 97bae7f6afc30d..57524dc427751e 100644
--- a/src/components/touchableWithoutFeedback.re
+++ b/src/components/touchableWithoutFeedback.re
@@ -1,5 +1,5 @@
 [@bs.module "react-native"]
-external view : ReasonReact.reactClass = "TouchableWithoutFeedback";
+external view: ReasonReact.reactClass = "TouchableWithoutFeedback";
 
 let make =
     (
@@ -22,58 +22,57 @@ let make =
     ) =>
   ReasonReact.wrapJsForReason(
     ~reactClass=view,
-    ~props=
-      {
-        "accessible": accessible,
-        "accessibilityLabel": accessibilityLabel,
-        "delayLongPress": delayLongPress,
-        "delayPressIn": delayPressIn,
-        "delayPressOut": delayPressOut,
-        "disabled": disabled,
-        "hitSlop": hitSlop,
-        "onLayout": onLayout,
-        "onLongPress": onLongPress,
-        "onPress": onPress,
-        "onPressIn": onPressIn,
-        "onPressOut": onPressOut,
-        "pressRetentionOffset": pressRetentionOffset,
-        "style": style,
-        "accessibilityComponentType":
-          UtilsRN.option_map(
-            x =>
-              switch (x) {
+    ~props={
+      "accessible": accessible,
+      "accessibilityLabel": accessibilityLabel,
+      "delayLongPress": delayLongPress,
+      "delayPressIn": delayPressIn,
+      "delayPressOut": delayPressOut,
+      "disabled": disabled,
+      "hitSlop": hitSlop,
+      "onLayout": onLayout,
+      "onLongPress": onLongPress,
+      "onPress": onPress,
+      "onPressIn": onPressIn,
+      "onPressOut": onPressOut,
+      "pressRetentionOffset": pressRetentionOffset,
+      "style": style,
+      "accessibilityComponentType":
+        UtilsRN.option_map(
+          x =>
+            switch (x) {
+            | `none => "none"
+            | `button => "button"
+            | `radiobutton_checked => "radiobutton_checked-none"
+            | `radiobutton_unchecked => "radiobutton_unchecked"
+            },
+          accessibilityComponentType,
+        ),
+      "accessibilityTraits":
+        UtilsRN.option_map(
+          traits => {
+            let to_string =
+              fun
               | `none => "none"
               | `button => "button"
-              | `radiobutton_checked => "radiobutton_checked-none"
-              | `radiobutton_unchecked => "radiobutton_unchecked"
-              },
-            accessibilityComponentType,
-          ),
-        "accessibilityTraits":
-          UtilsRN.option_map(
-            traits => {
-              let to_string =
-                fun
-                | `none => "none"
-                | `button => "button"
-                | `link => "link"
-                | `header => "header"
-                | `search => "search"
-                | `image => "image"
-                | `selected => "selected"
-                | `plays => "plays"
-                | `key => "key"
-                | `text => "text"
-                | `summary => "summary"
-                | `disabled => "disabled"
-                | `frequentUpdates => "frequentUpdates"
-                | `startsMedia => "startsMedia"
-                | `adjustable => "adjustable"
-                | `allowsDirectInteraction => "allowsDirectInteraction"
-                | `pageTurn => "pageTurn";
-              traits |> List.map(to_string) |> Array.of_list;
-            },
-            accessibilityTraits,
-          ),
-      },
-  );
+              | `link => "link"
+              | `header => "header"
+              | `search => "search"
+              | `image => "image"
+              | `selected => "selected"
+              | `plays => "plays"
+              | `key => "key"
+              | `text => "text"
+              | `summary => "summary"
+              | `disabled => "disabled"
+              | `frequentUpdates => "frequentUpdates"
+              | `startsMedia => "startsMedia"
+              | `adjustable => "adjustable"
+              | `allowsDirectInteraction => "allowsDirectInteraction"
+              | `pageTurn => "pageTurn";
+            traits |> List.map(to_string) |> Array.of_list;
+          },
+          accessibilityTraits,
+        ),
+    },
+  );
\ No newline at end of file
diff --git a/src/components/touchableWithoutFeedback.rei b/src/components/touchableWithoutFeedback.rei
index 430fa92c82a036..8b193dbe73bb25 100644
--- a/src/components/touchableWithoutFeedback.rei
+++ b/src/components/touchableWithoutFeedback.rei
@@ -49,4 +49,4 @@ let make:
     ReasonReact.stateless,
     ReasonReact.noRetainedProps,
     unit,
-  );
+  );
\ No newline at end of file
diff --git a/src/components/view.re b/src/components/view.re
index 33721ec9253217..109f6700c755a7 100644
--- a/src/components/view.re
+++ b/src/components/view.re
@@ -114,7 +114,7 @@ module CreateComponent = (Impl: Impl) : ViewComponent => {
 };
 
 include CreateComponent({
-  [@bs.module "react-native"] external view : ReasonReact.reactClass = "View";
+  [@bs.module "react-native"] external view: ReasonReact.reactClass = "View";
 });
 
-include ResponderUtils;
+include ResponderUtils;
\ No newline at end of file
diff --git a/src/components/view.rei b/src/components/view.rei
index 4b14d61bdb1d4f..e81a8d176c4c61 100644
--- a/src/components/view.rei
+++ b/src/components/view.rei
@@ -62,4 +62,4 @@ module type Impl = {let view: ReasonReact.reactClass;};
 
 module CreateComponent: (Impl: Impl) => ViewComponent;
 
-include ViewComponent;
+include ViewComponent;
\ No newline at end of file
diff --git a/src/components/viewPagerAndroid.re b/src/components/viewPagerAndroid.re
index ee012fc76614bc..45401ad351d342 100644
--- a/src/components/viewPagerAndroid.re
+++ b/src/components/viewPagerAndroid.re
@@ -1,7 +1,7 @@
 [@bs.module "react-native"]
-external view : ReasonReact.reactClass = "ViewPagerAndroid";
+external view: ReasonReact.reactClass = "ViewPagerAndroid";
 
-[@bs.send] external setPage : (ReasonReact.reactRef, int) => unit = "";
+[@bs.send] external setPage: (ReasonReact.reactRef, int) => unit = "";
 
 let make =
     (
diff --git a/src/components/webView.re b/src/components/webView.re
index 285e37720a9c7a..5d158d0c57b033 100644
--- a/src/components/webView.re
+++ b/src/components/webView.re
@@ -1,4 +1,4 @@
-[@bs.module "react-native"] external view : ReasonReact.reactClass = "WebView";
+[@bs.module "react-native"] external view: ReasonReact.reactClass = "WebView";
 
 module EventTypes = {
   [@bs.deriving abstract]
@@ -31,7 +31,7 @@ type iOSLoadRequestEvent = {
 type source;
 
 [@bs.obj]
-external sourceUri :
+external sourceUri:
   (
     ~uri: string=?,
     ~method: string=?,
@@ -43,7 +43,7 @@ external sourceUri :
   "";
 
 [@bs.obj]
-external sourceHtml : (~html: string=?, ~baseUrl: string=?, unit) => source =
+external sourceHtml: (~html: string=?, ~baseUrl: string=?, unit) => source =
   "";
 
 let source = sourceUri;
@@ -51,18 +51,18 @@ let source = sourceUri;
 type contentInsets;
 
 [@bs.obj]
-external contentInsets :
+external contentInsets:
   (~top: int=?, ~left: int=?, ~bottom: int=?, ~right: int=?, unit) =>
   contentInsets =
   "";
 
-[@bs.send] external goForward : ReasonReact.reactRef => unit = "";
+[@bs.send] external goForward: ReasonReact.reactRef => unit = "";
 
-[@bs.send] external goBack : ReasonReact.reactRef => unit = "";
+[@bs.send] external goBack: ReasonReact.reactRef => unit = "";
 
-[@bs.send] external reload : ReasonReact.reactRef => unit = "";
+[@bs.send] external reload: ReasonReact.reactRef => unit = "";
 
-[@bs.send] external stopLoading : ReasonReact.reactRef => unit = "";
+[@bs.send] external stopLoading: ReasonReact.reactRef => unit = "";
 
 let make =
     (
@@ -204,5 +204,5 @@ let make =
           "onShouldStartLoadWithRequest": onShouldStartLoadWithRequest,
           "scrollEnabled": scrollEnabled,
         },
-      )
-  );
+      ),
+  );
\ No newline at end of file
diff --git a/src/components/webView.rei b/src/components/webView.rei
index 0269649804ec47..9cc7a18fd9c304 100644
--- a/src/components/webView.rei
+++ b/src/components/webView.rei
@@ -157,4 +157,4 @@ let make:
     ReasonReact.stateless,
     ReasonReact.noRetainedProps,
     unit,
-  );
+  );
\ No newline at end of file
diff --git a/src/datePickerAndroid.re b/src/datePickerAndroid.re
index f79a414c207316..00633ed904b854 100644
--- a/src/datePickerAndroid.re
+++ b/src/datePickerAndroid.re
@@ -1,8 +1,8 @@
 [@bs.scope "DatePickerAndroid"] [@bs.module "react-native"]
-external dateSet : string = "dateSetAction";
+external dateSet: string = "dateSetAction";
 
 [@bs.scope "DatePickerAndroid"] [@bs.module "react-native"]
-external dismissed : string = "dismissedAction";
+external dismissed: string = "dismissedAction";
 
 [@bs.deriving jsConverter]
 type mode = [ | `calendar | `spinner | `default];
@@ -45,7 +45,7 @@ let action = resp =>
   };
 
 [@bs.scope "DatePickerAndroid"] [@bs.module "react-native"]
-external _open : optsJs => Js.Promise.t(responseJs) = "open";
+external _open: optsJs => Js.Promise.t(responseJs) = "open";
 
 let open_ = (~date: Js.Date.t, ~minDate=?, ~maxDate=?, ~mode=`default, ()) =>
   _open(
@@ -58,4 +58,4 @@ let open_ = (~date: Js.Date.t, ~minDate=?, ~maxDate=?, ~mode=`default, ()) =>
   )
   |> Js.Promise.then_((resp: responseJs) =>
        resp |> action |> Js.Promise.resolve
-     );
+     );
\ No newline at end of file
diff --git a/src/datePickerAndroid.rei b/src/datePickerAndroid.rei
index 3f07856ea5e49e..3c5bfda9ec09e3 100644
--- a/src/datePickerAndroid.rei
+++ b/src/datePickerAndroid.rei
@@ -18,4 +18,4 @@ let open_:
     ~mode: mode=?,
     unit
   ) =>
-  Js.Promise.t(action);
+  Js.Promise.t(action);
\ No newline at end of file
diff --git a/src/dimensions.re b/src/dimensions.re
index b7c312261b31b1..b0e0a7280506fb 100644
--- a/src/dimensions.re
+++ b/src/dimensions.re
@@ -7,7 +7,7 @@ type dimensions = {
 };
 
 [@bs.scope "Dimensions"] [@bs.module "react-native"]
-external _get : string => dimensions = "get";
+external _get: string => dimensions = "get";
 
 let get = key => {
   let strKey =
@@ -19,7 +19,7 @@ let get = key => {
 };
 
 [@bs.scope "Dimensions"] [@bs.module "react-native"]
-external addEventListener :
+external addEventListener:
   (
     string,
     {
@@ -33,7 +33,7 @@ external addEventListener :
   "";
 
 [@bs.scope "Dimensions"] [@bs.module "react-native"]
-external removeEventListener :
+external removeEventListener:
   (
     string,
     {
@@ -44,4 +44,4 @@ external removeEventListener :
     unit
   ) =>
   unit =
-  "";
+  "";
\ No newline at end of file
diff --git a/src/dimensions.rei b/src/dimensions.rei
index a60e38a51b39d4..20fb9840ac5420 100644
--- a/src/dimensions.rei
+++ b/src/dimensions.rei
@@ -9,7 +9,7 @@ type dimensions = {
 let get: [< | `screen | `window] => dimensions;
 
 [@bs.scope "Dimensions"] [@bs.module "react-native"]
-external addEventListener :
+external addEventListener:
   (
     string,
     {
@@ -23,7 +23,7 @@ external addEventListener :
   "";
 
 [@bs.scope "Dimensions"] [@bs.module "react-native"]
-external removeEventListener :
+external removeEventListener:
   (
     string,
     {
@@ -34,4 +34,4 @@ external removeEventListener :
     unit
   ) =>
   unit =
-  "";
+  "";
\ No newline at end of file
diff --git a/src/easing.re b/src/easing.re
index 035b073a0510a1..5b018354965280 100644
--- a/src/easing.re
+++ b/src/easing.re
@@ -1,24 +1,24 @@
 type t = float => float;
-[@bs.module "react-native"] [@bs.scope "Easing"] external bounce : t = "";
-[@bs.module "react-native"] [@bs.scope "Easing"] external circle : t = "";
-[@bs.module "react-native"] [@bs.scope "Easing"] external cubic : t = "";
-[@bs.module "react-native"] [@bs.scope "Easing"] external ease : t = "";
-[@bs.module "react-native"] [@bs.scope "Easing"] external exp : t = "";
-[@bs.module "react-native"] [@bs.scope "Easing"] external linear : t = "";
+[@bs.module "react-native"] [@bs.scope "Easing"] external bounce: t = "";
+[@bs.module "react-native"] [@bs.scope "Easing"] external circle: t = "";
+[@bs.module "react-native"] [@bs.scope "Easing"] external cubic: t = "";
+[@bs.module "react-native"] [@bs.scope "Easing"] external ease: t = "";
+[@bs.module "react-native"] [@bs.scope "Easing"] external exp: t = "";
+[@bs.module "react-native"] [@bs.scope "Easing"] external linear: t = "";
 [@bs.module "react-native"] [@bs.scope "Easing"]
-external poly : float => t = "";
-[@bs.module "react-native"] [@bs.scope "Easing"] external quad : t = "";
-[@bs.module "react-native"] [@bs.scope "Easing"] external sin : t = "";
+external poly: float => t = "";
+[@bs.module "react-native"] [@bs.scope "Easing"] external quad: t = "";
+[@bs.module "react-native"] [@bs.scope "Easing"] external sin: t = "";
 [@bs.module "react-native"] [@bs.scope "Easing"]
-external step0 : float => int = "";
+external step0: float => int = "";
 [@bs.module "react-native"] [@bs.scope "Easing"]
-external step1 : float => int = "";
+external step1: float => int = "";
 [@bs.module "react-native"] [@bs.scope "Easing"]
-external back : float => t = "";
+external back: float => t = "";
 [@bs.module "react-native"] [@bs.scope "Easing"]
-external elastic : float => t = "";
-[@bs.module "react-native"] [@bs.scope "Easing"] external in_ : t => t = "in";
-[@bs.module "react-native"] [@bs.scope "Easing"] external inOut : t => t = "";
-[@bs.module "react-native"] [@bs.scope "Easing"] external out : t => t = "";
+external elastic: float => t = "";
+[@bs.module "react-native"] [@bs.scope "Easing"] external in_: t => t = "in";
+[@bs.module "react-native"] [@bs.scope "Easing"] external inOut: t => t = "";
+[@bs.module "react-native"] [@bs.scope "Easing"] external out: t => t = "";
 [@bs.module "react-native"] [@bs.scope "Easing"]
-external bezier : (float, float, float, float) => t = "";
+external bezier: (float, float, float, float) => t = "";
\ No newline at end of file
diff --git a/src/easing.rei b/src/easing.rei
index 47aa3bddd38646..6968552604332c 100644
--- a/src/easing.rei
+++ b/src/easing.rei
@@ -15,4 +15,4 @@ let elastic: float => t;
 let in_: t => t;
 let inOut: t => t;
 let out: t => t;
-let bezier: (float, float, float, float) => t;
+let bezier: (float, float, float, float) => t;
\ No newline at end of file
diff --git a/src/geolocation.re b/src/geolocation.re
index 4a30d6a6138f45..b82f3bc6131692 100644
--- a/src/geolocation.re
+++ b/src/geolocation.re
@@ -27,18 +27,18 @@ type error = {
 };
 
 [@bs.obj]
-external makeGeolocationConfig :
+external makeGeolocationConfig:
   (~skipPermissionRequests: bool=?) => geolactionConfig =
   "";
 
 [@bs.obj]
-external makeCurrentPositionConfig :
+external makeCurrentPositionConfig:
   (~timeout: int=?, ~maximumAge: int=?, ~enableHighAccuracy: bool=?) =>
   currentPositionConfig =
   "";
 
 [@bs.obj]
-external makeWatchPositionConfig :
+external makeWatchPositionConfig:
   (
     ~timeout: int=?,
     ~maximumAge: int=?,
@@ -50,19 +50,19 @@ external makeWatchPositionConfig :
   "";
 
 [@bs.val] [@bs.scope ("navigator", "geolocation")]
-external setRNConfiguration : geolactionConfig => unit = "";
+external setRNConfiguration: geolactionConfig => unit = "";
 
 let setRNConfiguration = (~skipPermissionRequests=?, ()) =>
   setRNConfiguration(makeGeolocationConfig(~skipPermissionRequests?));
 
 [@bs.val] [@bs.scope ("navigator", "geolocation")]
-external requestAuthorization : unit => unit = "";
+external requestAuthorization: unit => unit = "";
 
 [@bs.val] [@bs.scope ("navigator", "geolocation")]
-external stopObserving : unit => unit = "";
+external stopObserving: unit => unit = "";
 
 [@bs.val] [@bs.scope ("navigator", "geolocation")]
-external getCurrentPosition :
+external getCurrentPosition:
   (position => unit, error => unit, currentPositionConfig) => unit =
   "";
 
@@ -75,7 +75,7 @@ let getCurrentPosition =
   );
 
 [@bs.val] [@bs.scope ("navigator", "geolocation")]
-external watchPosition :
+external watchPosition:
   (position => unit, error => unit, watchPositionConfig) => watchId =
   "";
 
@@ -102,4 +102,4 @@ let watchPosition =
   );
 
 [@bs.val] [@bs.scope ("navigator", "geolocation")]
-external clearWatch : watchId => unit = "";
+external clearWatch: watchId => unit = "";
\ No newline at end of file
diff --git a/src/geolocation.rei b/src/geolocation.rei
index ffa520360c1caf..c8ddfb3c416de8 100644
--- a/src/geolocation.rei
+++ b/src/geolocation.rei
@@ -48,4 +48,4 @@ let watchPosition:
   ) =>
   watchId;
 
-let clearWatch: watchId => unit;
+let clearWatch: watchId => unit;
\ No newline at end of file
diff --git a/src/keyboard.re b/src/keyboard.re
index 70a1460d1f5b84..5bde29d7919c9c 100644
--- a/src/keyboard.re
+++ b/src/keyboard.re
@@ -33,17 +33,16 @@ let mapKeyboardEvent = keyboardEvent =>
   };
 
 [@bs.module "react-native"] [@bs.scope "Keyboard"]
-external _addListener : (string, listener('a)) => subscription =
-  "addListener";
+external _addListener: (string, listener('a)) => subscription = "addListener";
 
 [@bs.module "react-native"] [@bs.scope "Keyboard"]
-external dismiss : unit => unit = "";
+external dismiss: unit => unit = "";
 
 [@bs.module "react-native"] [@bs.scope "Keyboard"]
-external _removeAllListeners : string => unit = "removeAllListeners";
+external _removeAllListeners: string => unit = "removeAllListeners";
 
 [@bs.module "react-native"] [@bs.scope "Keyboard"]
-external _removeListener : (string, listener('a)) => unit = "removeListener";
+external _removeListener: (string, listener('a)) => unit = "removeListener";
 
 let addListener = (keyboardEvent, listener) =>
   _addListener(mapKeyboardEvent(keyboardEvent), listener);
@@ -55,5 +54,5 @@ let removeListener = (keyboardEvent, listener) =>
   _removeListener(mapKeyboardEvent(keyboardEvent), listener);
 
 module Subscription = {
-  [@bs.send.pipe: subscription] external remove : unit = "";
-};
+  [@bs.send.pipe: subscription] external remove: unit = "";
+};
\ No newline at end of file
diff --git a/src/keyboard.rei b/src/keyboard.rei
index 43d7611fb9345a..e653141ee5d3d6 100644
--- a/src/keyboard.rei
+++ b/src/keyboard.rei
@@ -39,23 +39,21 @@ type keyboardEvent =
   | KeyboardDidChangeFrame;
 
 [@bs.module "react-native"] [@bs.scope "Keyboard"]
-external dismiss : unit => unit = "";
+external dismiss: unit => unit = "";
 
 let addListener:
   (
     keyboardEvent,
-    listener(
-      {
-        ..
-        "endCoordinates": {
-          .
-          "height": float,
-          "screenX": float,
-          "screenY": float,
-          "width": float,
-        },
+    listener({
+      ..
+      "endCoordinates": {
+        .
+        "height": float,
+        "screenX": float,
+        "screenY": float,
+        "width": float,
       },
-    )
+    })
   ) =>
   subscription;
 
@@ -64,19 +62,17 @@ let removeAllListeners: keyboardEvent => unit;
 let removeListener:
   (
     keyboardEvent,
-    listener(
-      {
-        ..
-        "endCoordinates": {
-          .
-          "height": float,
-          "screenX": float,
-          "screenY": float,
-          "width": float,
-        },
+    listener({
+      ..
+      "endCoordinates": {
+        .
+        "height": float,
+        "screenX": float,
+        "screenY": float,
+        "width": float,
       },
-    )
+    })
   ) =>
   unit;
 
-module Subscription: {let remove: subscription => unit;};
+module Subscription: {let remove: subscription => unit;};
\ No newline at end of file
diff --git a/src/linking.re b/src/linking.re
index 4d947f0c27b06d..8fb8b825586283 100644
--- a/src/linking.re
+++ b/src/linking.re
@@ -1,14 +1,14 @@
 [@bs.scope "Linking"] [@bs.module "react-native"]
-external openURL : string => Js.Promise.t(unit) = "openURL";
+external openURL: string => Js.Promise.t(unit) = "openURL";
 
 [@bs.scope "Linking"] [@bs.module "react-native"]
-external _canOpenURL : string => Js.Promise.t(bool) = "canOpenURL";
+external _canOpenURL: string => Js.Promise.t(bool) = "canOpenURL";
 
 let canOpenURL = url =>
   _canOpenURL(url) |> Js.Promise.then_(bool => Js.Promise.resolve(bool));
 
 [@bs.scope "Linking"] [@bs.module "react-native"]
-external _getInitialURL : unit => Js.Promise.t(Js.Null.t(string)) =
+external _getInitialURL: unit => Js.Promise.t(Js.Null.t(string)) =
   "getInitialURL";
 
 let getInitialURL = () =>
@@ -18,8 +18,8 @@ let getInitialURL = () =>
      );
 
 [@bs.scope "Linking"] [@bs.module "react-native"]
-external addEventListener : (string, {. "url": string} => unit) => unit = "";
+external addEventListener: (string, {. "url": string} => unit) => unit = "";
 
 [@bs.scope "Linking"] [@bs.module "react-native"]
-external removeEventListener : (string, {. "url": string} => unit) => unit =
-  "";
+external removeEventListener: (string, {. "url": string} => unit) => unit =
+  "";
\ No newline at end of file
diff --git a/src/linking.rei b/src/linking.rei
index 414b4e1f3ca933..550ea60a36e9ea 100644
--- a/src/linking.rei
+++ b/src/linking.rei
@@ -1,13 +1,13 @@
 let canOpenURL: string => Js.Promise.t(bool);
 
 [@bs.scope "Linking"] [@bs.module "react-native"]
-external openURL : string => Js.Promise.t(unit) = "openURL";
+external openURL: string => Js.Promise.t(unit) = "openURL";
 
 let getInitialURL: unit => Js.Promise.t(option(string));
 
 [@bs.scope "Linking"] [@bs.module "react-native"]
-external addEventListener : (string, {. "url": string} => unit) => unit = "";
+external addEventListener: (string, {. "url": string} => unit) => unit = "";
 
 [@bs.scope "Linking"] [@bs.module "react-native"]
-external removeEventListener : (string, {. "url": string} => unit) => unit =
-  "";
+external removeEventListener: (string, {. "url": string} => unit) => unit =
+  "";
\ No newline at end of file
diff --git a/src/nativeEventEmitter.re b/src/nativeEventEmitter.re
index 37226e9616adbf..2820a7ee38bd0a 100644
--- a/src/nativeEventEmitter.re
+++ b/src/nativeEventEmitter.re
@@ -3,15 +3,15 @@ type t;
 type emitterSubscription;
 
 [@bs.new] [@bs.module "react-native"]
-external create : NativeModules.t('a) => t = "NativeEventEmitter";
+external create: NativeModules.t('a) => t = "NativeEventEmitter";
 
 [@bs.send]
-external addListener : (t, string, 'a => unit) => emitterSubscription = "";
+external addListener: (t, string, 'a => unit) => emitterSubscription = "";
 
-[@bs.send] external removeAllListeners : (t, string) => unit = "";
+[@bs.send] external removeAllListeners: (t, string) => unit = "";
 
-[@bs.send] external removeSubscription : (t, emitterSubscription) => unit = "";
+[@bs.send] external removeSubscription: (t, emitterSubscription) => unit = "";
 
 module Subscription = {
-  [@bs.send] external remove : (emitterSubscription, unit) => unit = "";
-};
+  [@bs.send] external remove: (emitterSubscription, unit) => unit = "";
+};
\ No newline at end of file
diff --git a/src/nativeEventEmitter.rei b/src/nativeEventEmitter.rei
index 635a9d156d6686..e98c22622844a6 100644
--- a/src/nativeEventEmitter.rei
+++ b/src/nativeEventEmitter.rei
@@ -10,4 +10,4 @@ let removeAllListeners: (t, string) => unit;
 
 let removeSubscription: (t, emitterSubscription) => unit;
 
-module Subscription: {let remove: (emitterSubscription, unit) => unit;};
+module Subscription: {let remove: (emitterSubscription, unit) => unit;};
\ No newline at end of file
diff --git a/src/nativeModules.re b/src/nativeModules.re
index 3f5488d116b202..9ddd443764aa89 100644
--- a/src/nativeModules.re
+++ b/src/nativeModules.re
@@ -1,16 +1,16 @@
 type t('a) = Js.t('a);
 
 [@bs.module "react-native"]
-external nativeModules : Js.Dict.t('a) = "NativeModules";
+external nativeModules: Js.Dict.t('a) = "NativeModules";
 
-let _get = name : t('a) => Js.Dict.unsafeGet(nativeModules, name);
+let _get = name: t('a) => Js.Dict.unsafeGet(nativeModules, name);
 
 let get = name => _get(name);
 
 [@bs.module "react-native"]
-external requireNativeComponent :
+external requireNativeComponent:
   (string, Js.null(unit)) => ReasonReact.reactClass =
   "requireNativeComponent";
 
 let requireNativeComponent = name =>
-  requireNativeComponent(name, Js.Null.empty);
+  requireNativeComponent(name, Js.Null.empty);
\ No newline at end of file
diff --git a/src/nativeModules.rei b/src/nativeModules.rei
index 337a7f284e567f..9cb4cb45fd24b3 100644
--- a/src/nativeModules.rei
+++ b/src/nativeModules.rei
@@ -2,4 +2,4 @@ type t('a) = Js.t('a);
 
 let get: string => t('a);
 
-let requireNativeComponent: string => ReasonReact.reactClass;
+let requireNativeComponent: string => ReasonReact.reactClass;
\ No newline at end of file
diff --git a/src/netInfo.re b/src/netInfo.re
index 46150e7cd8d501..398993103923f4 100644
--- a/src/netInfo.re
+++ b/src/netInfo.re
@@ -47,37 +47,37 @@ let effectiveConnectionType = effectiveConnectionType =>
   };
 
 [@bs.module "react-native"] [@bs.scope "NetInfo"]
-external addEventListener :
+external addEventListener:
   ([@bs.as "connectionChange"] _, info => unit) => unit =
   "";
 
 [@bs.module "react-native"] [@bs.scope "NetInfo"]
-external removeEventListener :
+external removeEventListener:
   ([@bs.as "connectionChange"] _, info => unit) => unit =
   "";
 
 [@bs.module "react-native"] [@bs.scope "NetInfo"]
-external isConnectionExpensive : unit => Js.Promise.t(bool) = "";
+external isConnectionExpensive: unit => Js.Promise.t(bool) = "";
 
 [@bs.module "react-native"] [@bs.scope "NetInfo"]
-external getConnectionInfo : unit => Js.Promise.t(info) = "";
+external getConnectionInfo: unit => Js.Promise.t(info) = "";
 
 module IsConnected = {
   type t;
   [@bs.module "react-native"] [@bs.scope "NetInfo"] [@bs.val]
-  external isConnected : t = "";
+  external isConnected: t = "";
   [@bs.send.pipe: t]
-  external _addEventListener :
+  external _addEventListener:
     ([@bs.as "connectionChange"] _, bool => unit) => unit =
     "addEventListener";
   [@bs.send.pipe: t]
-  external _removeEventListener :
+  external _removeEventListener:
     ([@bs.as "connectionChange"] _, bool => unit) => unit =
     "removeEventListener";
-  [@bs.send.pipe: t] external _fetch : unit => Js.Promise.t(bool) = "fetch";
+  [@bs.send.pipe: t] external _fetch: unit => Js.Promise.t(bool) = "fetch";
   let addEventListener = listener =>
     isConnected |> _addEventListener(listener);
   let removeEventListener = listener =>
     isConnected |> _removeEventListener(listener);
   let fetch = () => isConnected |> _fetch();
-};
+};
\ No newline at end of file
diff --git a/src/netInfo.rei b/src/netInfo.rei
index d75249ea8707da..a3af4d11ae2c35 100644
--- a/src/netInfo.rei
+++ b/src/netInfo.rei
@@ -39,4 +39,4 @@ module IsConnected: {
   let addEventListener: (bool => unit) => unit;
   let removeEventListener: (bool => unit) => unit;
   let fetch: unit => Js.Promise.t(bool);
-};
+};
\ No newline at end of file
diff --git a/src/packager.re b/src/packager.re
index 97cca08db24921..bf54239a817a0c 100644
--- a/src/packager.re
+++ b/src/packager.re
@@ -1,3 +1,3 @@
 type required;
 
-[@bs.val] external require : string => required = "require";
+[@bs.val] external require: string => required = "require";
\ No newline at end of file
diff --git a/src/panResponder.re b/src/panResponder.re
index 5a76074fc78bb0..45950ec6d515fd 100644
--- a/src/panResponder.re
+++ b/src/panResponder.re
@@ -14,7 +14,7 @@ type gestureState = {
 };
 
 [@bs.scope "PanResponder"] [@bs.module "react-native"]
-external _create : 'a => t = "create";
+external _create: 'a => t = "create";
 
 type jsGestureState = {
   .
@@ -33,9 +33,7 @@ type jsGestureState = {
 type callback('a) =
   ({. "nativeEvent": RNEvent.NativeEvent.t}, jsGestureState) => 'a;
 
-let callback =
-    (x: (RNEvent.NativeEvent.t, gestureState) => 'a)
-    : callback('a) =>
+let callback = (x: (RNEvent.NativeEvent.t, gestureState) => 'a): callback('a) =>
   (event, state) =>
     x(
       event##nativeEvent,
@@ -53,7 +51,7 @@ let callback =
       },
     );
 
-external shamelesslyWrapCallback : 'a => callback(unit) = "%identity";
+external shamelesslyWrapCallback: 'a => callback(unit) = "%identity";
 
 let animatedEvent = l => {
   let config =
@@ -65,7 +63,7 @@ let animatedEvent = l => {
         | `XY(value) =>
           Js.Obj.assign(
             x,
-            AnimatedRe.ValueXY.({"dx": getX(value), "dy": getY(value)}),
+            AnimatedRe.ValueXY.{"dx": getX(value), "dy": getY(value)},
           )
         },
       Js.Obj.empty(),
@@ -127,9 +125,9 @@ let create =
       Js.Undefined.fromOption(onShouldBlockNativeResponder),
   });
 
-[@bs.get] external _panHandlers : t => Js.t('a) = "panHandlers";
+[@bs.get] external _panHandlers: t => Js.t('a) = "panHandlers";
 
-let panHandlers = t : Types.touchResponderHandlers => {
+let panHandlers = t: Types.touchResponderHandlers => {
   let jsHandlers = _panHandlers(t);
   {
     onMoveShouldSetResponder:
@@ -149,4 +147,4 @@ let panHandlers = t : Types.touchResponderHandlers => {
     onStartShouldSetResponderCapture:
       Js.Undefined.toOption(jsHandlers##onStartShouldSetResponderCapture),
   };
-};
+};
\ No newline at end of file
diff --git a/src/panResponder.rei b/src/panResponder.rei
index b1b70da973c810..eaf028fb48aa77 100644
--- a/src/panResponder.rei
+++ b/src/panResponder.rei
@@ -48,4 +48,4 @@ let create:
   ) =>
   t;
 
-let panHandlers: t => Types.touchResponderHandlers;
+let panHandlers: t => Types.touchResponderHandlers;
\ No newline at end of file
diff --git a/src/permissionsAndroid.re b/src/permissionsAndroid.re
index 9b44f6971ea94b..1dfcefceecb690 100644
--- a/src/permissionsAndroid.re
+++ b/src/permissionsAndroid.re
@@ -35,99 +35,99 @@ module Permission = {
 
   [@bs.module "react-native"]
   [@bs.scope ("PermissionsAndroid", "PERMISSIONS")]
-  external readCalendar : string = "READ_CALENDAR";
+  external readCalendar: string = "READ_CALENDAR";
 
   [@bs.module "react-native"]
   [@bs.scope ("PermissionsAndroid", "PERMISSIONS")]
-  external writeCalendar : string = "WRITE_CALENDAR";
+  external writeCalendar: string = "WRITE_CALENDAR";
 
   [@bs.module "react-native"]
   [@bs.scope ("PermissionsAndroid", "PERMISSIONS")]
-  external camera : string = "CAMERA";
+  external camera: string = "CAMERA";
 
   [@bs.module "react-native"]
   [@bs.scope ("PermissionsAndroid", "PERMISSIONS")]
-  external readContacts : string = "READ_CONTACTS";
+  external readContacts: string = "READ_CONTACTS";
 
   [@bs.module "react-native"]
   [@bs.scope ("PermissionsAndroid", "PERMISSIONS")]
-  external writeContacts : string = "WRITE_CONTACTS";
+  external writeContacts: string = "WRITE_CONTACTS";
 
   [@bs.module "react-native"]
   [@bs.scope ("PermissionsAndroid", "PERMISSIONS")]
-  external getAccounts : string = "GET_ACCOUNTS";
+  external getAccounts: string = "GET_ACCOUNTS";
 
   [@bs.module "react-native"]
   [@bs.scope ("PermissionsAndroid", "PERMISSIONS")]
-  external accessFineLocation : string = "ACCESS_FINE_LOCATION";
+  external accessFineLocation: string = "ACCESS_FINE_LOCATION";
 
   [@bs.module "react-native"]
   [@bs.scope ("PermissionsAndroid", "PERMISSIONS")]
-  external accessCoarseLocation : string = "ACCESS_COARSE_LOCATION";
+  external accessCoarseLocation: string = "ACCESS_COARSE_LOCATION";
 
   [@bs.module "react-native"]
   [@bs.scope ("PermissionsAndroid", "PERMISSIONS")]
-  external recordAudio : string = "RECORD_AUDIO";
+  external recordAudio: string = "RECORD_AUDIO";
 
   [@bs.module "react-native"]
   [@bs.scope ("PermissionsAndroid", "PERMISSIONS")]
-  external readPhoneState : string = "READ_PHONE_STATE";
+  external readPhoneState: string = "READ_PHONE_STATE";
 
   [@bs.module "react-native"]
   [@bs.scope ("PermissionsAndroid", "PERMISSIONS")]
-  external callPhone : string = "CALL_PHONE";
+  external callPhone: string = "CALL_PHONE";
 
   [@bs.module "react-native"]
   [@bs.scope ("PermissionsAndroid", "PERMISSIONS")]
-  external readCallLog : string = "READ_CALL_LOG";
+  external readCallLog: string = "READ_CALL_LOG";
 
   [@bs.module "react-native"]
   [@bs.scope ("PermissionsAndroid", "PERMISSIONS")]
-  external writeCallLog : string = "WRITE_CALL_LOG";
+  external writeCallLog: string = "WRITE_CALL_LOG";
 
   [@bs.module "react-native"]
   [@bs.scope ("PermissionsAndroid", "PERMISSIONS")]
-  external addVoicemail : string = "permission.ADD_VOICEMAIL";
+  external addVoicemail: string = "permission.ADD_VOICEMAIL";
 
   [@bs.module "react-native"]
   [@bs.scope ("PermissionsAndroid", "PERMISSIONS")]
-  external useSip : string = "USE_SIP";
+  external useSip: string = "USE_SIP";
 
   [@bs.module "react-native"]
   [@bs.scope ("PermissionsAndroid", "PERMISSIONS")]
-  external processOutgoingCalls : string = "PROCESS_OUTGOING_CALLS";
+  external processOutgoingCalls: string = "PROCESS_OUTGOING_CALLS";
 
   [@bs.module "react-native"]
   [@bs.scope ("PermissionsAndroid", "PERMISSIONS")]
-  external bodySensors : string = "BODY_SENSORS";
+  external bodySensors: string = "BODY_SENSORS";
 
   [@bs.module "react-native"]
   [@bs.scope ("PermissionsAndroid", "PERMISSIONS")]
-  external sendSms : string = "SEND_SMS";
+  external sendSms: string = "SEND_SMS";
 
   [@bs.module "react-native"]
   [@bs.scope ("PermissionsAndroid", "PERMISSIONS")]
-  external receiveSms : string = "RECEIVE_SMS";
+  external receiveSms: string = "RECEIVE_SMS";
 
   [@bs.module "react-native"]
   [@bs.scope ("PermissionsAndroid", "PERMISSIONS")]
-  external readSms : string = "READ_SMS";
+  external readSms: string = "READ_SMS";
 
   [@bs.module "react-native"]
   [@bs.scope ("PermissionsAndroid", "PERMISSIONS")]
-  external receiveWapPush : string = "RECEIVE_WAP_PUSH";
+  external receiveWapPush: string = "RECEIVE_WAP_PUSH";
 
   [@bs.module "react-native"]
   [@bs.scope ("PermissionsAndroid", "PERMISSIONS")]
-  external receiveMms : string = "RECEIVE_MMS";
+  external receiveMms: string = "RECEIVE_MMS";
 
   [@bs.module "react-native"]
   [@bs.scope ("PermissionsAndroid", "PERMISSIONS")]
-  external readExternalStorage : string = "READ_EXTERNAL_STORAGE";
+  external readExternalStorage: string = "READ_EXTERNAL_STORAGE";
 
   [@bs.module "react-native"]
   [@bs.scope ("PermissionsAndroid", "PERMISSIONS")]
-  external writeExternalStorage : string = "WRITE_EXTERNAL_STORAGE";
+  external writeExternalStorage: string = "WRITE_EXTERNAL_STORAGE";
 
   let getPermission = value =>
     switch (value) {
@@ -164,13 +164,13 @@ type result =
   | NEVER_ASK_AGAIN;
 
 [@bs.module "react-native"] [@bs.scope "PermissionsAndroid"]
-external granted : string = "GRANTED";
+external granted: string = "GRANTED";
 
 [@bs.module "react-native"] [@bs.scope "PermissionsAndroid"]
-external denied : string = "DENIED";
+external denied: string = "DENIED";
 
 [@bs.module "react-native"] [@bs.scope "PermissionsAndroid"]
-external neverAskAgain : string = "NEVER_ASK_AGAIN";
+external neverAskAgain: string = "NEVER_ASK_AGAIN";
 
 let getResult = r =>
   switch (r) {
@@ -181,12 +181,12 @@ let getResult = r =>
   };
 
 [@bs.module "react-native"] [@bs.scope "PermissionsAndroid"]
-external _check : string => Js.Promise.t(bool) = "check";
+external _check: string => Js.Promise.t(bool) = "check";
 
 let check = permission => _check(Permission.getPermission(permission));
 
 [@bs.module "react-native"] [@bs.scope "PermissionsAndroid"]
-external _request :
+external _request:
   (~permission: string, ~rationale: rationale=?, unit) => Js.Promise.t(string) =
   "request";
 
@@ -205,7 +205,7 @@ let request = (~permission, ~rationale=?, ()) =>
   };
 
 [@bs.module "react-native"] [@bs.scope "PermissionsAndroid"]
-external _requestMultiple : array(string) => Js.Promise.t(Js.Dict.t('a)) =
+external _requestMultiple: array(string) => Js.Promise.t(Js.Dict.t('a)) =
   "requestMultiple";
 
 let requestMultiple = (~permissions: list(Permission.t)) => {
diff --git a/src/pixelRatio.re b/src/pixelRatio.re
index ae738ed955f345..5dcc128fdb9895 100644
--- a/src/pixelRatio.re
+++ b/src/pixelRatio.re
@@ -1,11 +1,11 @@
 [@bs.scope "PixelRatio"] [@bs.module "react-native"]
-external get : unit => float = "get";
+external get: unit => float = "get";
 
 [@bs.scope "PixelRatio"] [@bs.module "react-native"]
-external getFontScale : unit => float = "getFontScale";
+external getFontScale: unit => float = "getFontScale";
 
 [@bs.scope "PixelRatio"] [@bs.module "react-native"]
-external getPixelSizeForLayoutSize : int => int = "getPixelSizeForLayoutSize";
+external getPixelSizeForLayoutSize: int => int = "getPixelSizeForLayoutSize";
 
 [@bs.scope "PixelRatio"] [@bs.module "react-native"]
-external roundToNearestPixel : float => float = "roundToNearestPixel";
+external roundToNearestPixel: float => float = "roundToNearestPixel";
\ No newline at end of file
diff --git a/src/pixelRatio.rei b/src/pixelRatio.rei
index b4a5e315b19824..f91484a4c1795e 100644
--- a/src/pixelRatio.rei
+++ b/src/pixelRatio.rei
@@ -4,4 +4,4 @@ let getFontScale: unit => float;
 
 let getPixelSizeForLayoutSize: int => int;
 
-let roundToNearestPixel: float => float;
+let roundToNearestPixel: float => float;
\ No newline at end of file
diff --git a/src/platform.re b/src/platform.re
index 50d8003829a9b1..348a4f93a9323c 100644
--- a/src/platform.re
+++ b/src/platform.re
@@ -4,17 +4,16 @@ type iosIdiom =
   | TV;
 
 [@bs.module "react-native"] [@bs.scope "Platform"]
-external _ios_isPad : bool = "isPad";
+external _ios_isPad: bool = "isPad";
 
 [@bs.module "react-native"] [@bs.scope "Platform"]
-external _ios_isTVOS : bool = "isTVOS";
+external _ios_isTVOS: bool = "isTVOS";
 
 type os =
   | IOS(iosIdiom)
   | Android;
 
-[@bs.module "react-native"] [@bs.scope "Platform"]
-external _os : string = "OS";
+[@bs.module "react-native"] [@bs.scope "Platform"] external _os: string = "OS";
 
 exception UnknownPlatform(string);
 
@@ -42,7 +41,7 @@ let equals = targetOs =>
   };
 
 [@bs.module "react-native"] [@bs.scope "Platform"]
-external _version : Js.undefined(int) = "Version";
+external _version: Js.undefined(int) = "Version";
 
 exception UnknownVersion;
 
@@ -50,4 +49,4 @@ let version = () =>
   switch (Js.Undefined.toOption(_version)) {
   | Some(v) => v
   | None => raise(UnknownVersion)
-  };
+  };
\ No newline at end of file
diff --git a/src/platform.rei b/src/platform.rei
index f2d609005f4599..840639230baf07 100644
--- a/src/platform.rei
+++ b/src/platform.rei
@@ -22,4 +22,4 @@ exception UnknownVersion;
 /**
  Raises UnknownVersion if version is undefined, i.e. in react-native-web
  */
-let version: unit => int;
+let version: unit => int;
\ No newline at end of file
diff --git a/src/private/encode.re b/src/private/encode.re
index 90a31e03a10590..c62ae4bbb647df 100644
--- a/src/private/encode.re
+++ b/src/private/encode.re
@@ -1,20 +1,20 @@
 /** [string s] makes a JSON string of the [string] [s] */
-external string : string => Js.Json.t = "%identity"; /* [string s] makes a JSON string of the [string] [s] */
+external string: string => Js.Json.t = "%identity"; /* [string s] makes a JSON string of the [string] [s] */
 
 /** [float n] makes a JSON number of the [float] [n] */
-external float : float => Js.Json.t = "%identity"; /* [float n] makes a JSON number of the [float] [n] */
+external float: float => Js.Json.t = "%identity"; /* [float n] makes a JSON number of the [float] [n] */
 
 /** [int n] makes a JSON number of the [int] [n] */
-external int : int => Js.Json.t = "%identity"; /* [int n] makes a JSON number of the [int] [n] */
+external int: int => Js.Json.t = "%identity"; /* [int n] makes a JSON number of the [int] [n] */
 
 /** [boolean b] makes a JSON boolean of the [bool] [b] */
-external boolean : bool => Js.Json.t = "%identity"; /* [boolean b] makes a JSON boolean of the [bool] [b] */
+external boolean: bool => Js.Json.t = "%identity"; /* [boolean b] makes a JSON boolean of the [bool] [b] */
 
 /** [object_ dict] makes a JSON objet of the [Js.Dict.t] [dict] */
-external object_ : Js_dict.t(Js.Json.t) => Js.Json.t = "%identity"; /* [object_ dict] makes a JSON objet of the [Js.Dict.t] [dict] */
+external object_: Js_dict.t(Js.Json.t) => Js.Json.t = "%identity"; /* [object_ dict] makes a JSON objet of the [Js.Dict.t] [dict] */
 
-external array : array(Js.Json.t) => Js.Json.t = "%identity";
+external array: array(Js.Json.t) => Js.Json.t = "%identity";
 
-external animatedValue : AnimatedRe.value('a) => Js.Json.t = "%identity";
+external animatedValue: AnimatedRe.value('a) => Js.Json.t = "%identity";
 
-let pct = pct => string(Printf.sprintf("%.2f%%", pct));
+let pct = pct => string(Printf.sprintf("%.2f%%", pct));
\ No newline at end of file
diff --git a/src/private/props.re b/src/private/props.re
index 3599e24dde8a5b..008d432fbe7958 100644
--- a/src/private/props.re
+++ b/src/private/props.re
@@ -1,8 +1,7 @@
 let serialize = (handlers: option(Types.touchResponderHandlers)) =>
   switch (handlers) {
   | None => Js.Obj.empty()
-  | Some(handlers) =>
-    {
+  | Some(handlers) => {
       "onMoveShouldSetResponder":
         UtilsRN.option_map(
           (g, x) => g(x),
@@ -144,4 +143,4 @@ let extendView =
     },
     moreProps,
     serialize(responderHandlers),
-  );
+  );
\ No newline at end of file
diff --git a/src/private/responderUtils.re b/src/private/responderUtils.re
index d82b80081db7aa..1d23d89ae2b014 100644
--- a/src/private/responderUtils.re
+++ b/src/private/responderUtils.re
@@ -23,4 +23,4 @@ let responderHandlers =
   onResponderTerminationRequest,
   onStartShouldSetResponder,
   onStartShouldSetResponderCapture,
-};
+};
\ No newline at end of file
diff --git a/src/private/utilsRN.re b/src/private/utilsRN.re
index 30a241ea4b5827..db45dc3482215a 100644
--- a/src/private/utilsRN.re
+++ b/src/private/utilsRN.re
@@ -5,7 +5,7 @@ let option_map = (fn, opt_value) =>
   };
 
 [@bs.val]
-external objAssign2 : (Js.t({..}), Js.t({..}), Js.t({..})) => Js.t({..}) =
+external objAssign2: (Js.t({..}), Js.t({..}), Js.t({..})) => Js.t({..}) =
   "Object.assign";
 
 let (<<) = (f, g, x) => f(g(x));
\ No newline at end of file
diff --git a/src/share.re b/src/share.re
index 45e58cf7b41b7a..80f25ad3022b2a 100644
--- a/src/share.re
+++ b/src/share.re
@@ -2,12 +2,12 @@ type content;
 type options;
 
 [@bs.obj]
-external makeContent :
+external makeContent:
   (~title: string=?, ~message: string=?, ~url: string=?, unit) => content =
   "";
 
 [@bs.obj]
-external makeOptions :
+external makeOptions:
   (
     ~subject: string=?,
     ~tintColor: string=?,
@@ -18,7 +18,7 @@ external makeOptions :
   "";
 
 [@bs.module "react-native"] [@bs.scope "Share"]
-external _share : (content, options) => Js.Promise.t(bool) = "share";
+external _share: (content, options) => Js.Promise.t(bool) = "share";
 
 let share =
     (
@@ -51,4 +51,4 @@ let share =
         ~dialogTitle?,
       ),
     )
-  };
+  };
\ No newline at end of file
diff --git a/src/share.rei b/src/share.rei
index 98d349908e46ae..a4b608c284abca 100644
--- a/src/share.rei
+++ b/src/share.rei
@@ -8,4 +8,4 @@ let share:
     ~dialogTitle: string=?,
     unit
   ) =>
-  Js.Promise.t(bool);
+  Js.Promise.t(bool);
\ No newline at end of file
diff --git a/src/style.re b/src/style.re
index e73c5b95febf53..55fa488e161646 100644
--- a/src/style.re
+++ b/src/style.re
@@ -55,13 +55,13 @@ let encode_string_interpolated =
   | String(value) => Encode.string(value)
   | Animated(value) => Encode.animatedValue(value);
 
-external flatten : array(t) => t = "%identity";
+external flatten: array(t) => t = "%identity";
 
-external to_style : Js.Dict.t(Js.Json.t) => t = "%identity";
+external to_style: Js.Dict.t(Js.Json.t) => t = "%identity";
 
-external style_to_dict : t => Js.Dict.t(Js.Json.t) = "%identity";
+external style_to_dict: t => Js.Dict.t(Js.Json.t) = "%identity";
 
-external array_to_style : array(t) => t = "%identity";
+external array_to_style: array(t) => t = "%identity";
 
 let combine = (a, b) => {
   let entries =
@@ -380,8 +380,7 @@ module Transform = {
         (x, acc) =>
           switch (x) {
           | (key, Some(value)) =>
-            let val_ =
-              Js.Dict.fromArray([|(key, value)|]) |> Encode.object_;
+            let val_ = Js.Dict.fromArray([|(key, value)|]) |> Encode.object_;
             [val_, ...acc];
           | _ => acc
           },
@@ -523,10 +522,7 @@ let borderStyle = v =>
     },
   );
 
-let opacity = value => (
-  "opacity",
-  encode_float_animated(value),
-);
+let opacity = value => ("opacity", encode_float_animated(value));
 
 let elevation = floatStyle("elevation");
 
@@ -537,10 +533,7 @@ let color = value => ("color", encode_string_interpolated(value));
 
 let fontFamily = stringStyle("fontFamily");
 
-let fontSize = value => (
-  "fontSize",
-  encode_float_animated(value),
-);
+let fontSize = value => ("fontSize", encode_float_animated(value));
 
 type fontStyle =
   | Normal
@@ -720,4 +713,4 @@ let overlayColor = value => (
 );
 
 type color =
-  | String(string);
+  | String(string);
\ No newline at end of file
diff --git a/src/style.rei b/src/style.rei
index cbe583cb2987d2..f685c3a9aa31ad 100644
--- a/src/style.rei
+++ b/src/style.rei
@@ -19,7 +19,7 @@ type float_animated('a) =
 type string_interpolated =
   | String(string)
   | Animated(AnimatedRe.Interpolation.t);
-external flatten : array(t) => t = "%identity";
+external flatten: array(t) => t = "%identity";
 let combine: (t, t) => t;
 let concat: list(t) => t;
 let style: list(styleElement) => t;
@@ -243,7 +243,7 @@ type resizeMode =
   | Repeat
   | Center;
 let resizeMode: resizeMode => styleElement;
-let tintColor: string_interpolated =>  styleElement;
+let tintColor: string_interpolated => styleElement;
 let overlayColor: string_interpolated => styleElement;
 type color =
-  | String(string);
+  | String(string);
\ No newline at end of file
diff --git a/src/styleSheet.re b/src/styleSheet.re
index 4aad5ef5902605..6f94b1393f44ad 100644
--- a/src/styleSheet.re
+++ b/src/styleSheet.re
@@ -1,24 +1,24 @@
 type t;
 
-[@bs.module "react-native"] external t : t = "StyleSheet";
+[@bs.module "react-native"] external t: t = "StyleSheet";
 
-[@bs.send] external create : (t, Js.t('a)) => Js.t('a) = "create";
+[@bs.send] external create: (t, Js.t('a)) => Js.t('a) = "create";
 
 let create: Js.t('a) => Js.t('a) = a => create(t, a);
 
-[@bs.get] external hairlineWidth : t => float = "hairlineWidth";
+[@bs.get] external hairlineWidth: t => float = "hairlineWidth";
 
 let hairlineWidth = hairlineWidth(t);
 
-[@bs.get] external absoluteFill : t => Style.t = "absoluteFill";
+[@bs.get] external absoluteFill: t => Style.t = "absoluteFill";
 
 let absoluteFill = absoluteFill(t);
 
-[@bs.get] external absoluteFillObject : t => Style.t = "absoluteFillObject";
+[@bs.get] external absoluteFillObject: t => Style.t = "absoluteFillObject";
 
 let absoluteFillObject = absoluteFillObject(t);
 
-[@bs.send] external flatten : (t, array(Style.t)) => Style.t = "flatten";
+[@bs.send] external flatten: (t, array(Style.t)) => Style.t = "flatten";
 
 let flatten = styles => flatten(t, Array.of_list(styles));
 
@@ -27,6 +27,6 @@ let flatten = styles => flatten(t, Array.of_list(styles));
  * colors as strings everywhere
  */
 [@bs.module "react-native"]
-external processColor :
+external processColor:
   ([@bs.unwrap] [ | `String(string) | `Number(int)]) => string =
-  "processColor";
+  "processColor";
\ No newline at end of file
diff --git a/src/styleSheet.rei b/src/styleSheet.rei
index 6904bb62e7c811..e6d1b1ae4f26a5 100644
--- a/src/styleSheet.rei
+++ b/src/styleSheet.rei
@@ -1,6 +1,6 @@
 type t;
 
-[@bs.module "react-native"] external t : t = "StyleSheet";
+[@bs.module "react-native"] external t: t = "StyleSheet";
 
 let create: Js.t('a) => Js.t('a);
 
@@ -12,4 +12,4 @@ let absoluteFillObject: Style.t;
 
 let flatten: list(Style.t) => Style.t;
 
-let processColor: [ | `String(string) | `Number(int)] => string;
+let processColor: [ | `String(string) | `Number(int)] => string;
\ No newline at end of file
diff --git a/src/timePickerAndroid.re b/src/timePickerAndroid.re
index ab30e04a6970b4..58c995346dcdee 100644
--- a/src/timePickerAndroid.re
+++ b/src/timePickerAndroid.re
@@ -1,8 +1,8 @@
 [@bs.scope "TimePickerAndroid"] [@bs.module "react-native"]
-external timeSet : string = "timeSetAction";
+external timeSet: string = "timeSetAction";
 
 [@bs.scope "TimePickerAndroid"] [@bs.module "react-native"]
-external dismissed : string = "dismissedAction";
+external dismissed: string = "dismissedAction";
 
 type response = {
   hour: int,
@@ -56,7 +56,7 @@ let rangeHandler = (valueName, valueFrom, valueTo, value) =>
   };
 
 [@bs.scope "TimePickerAndroid"] [@bs.module "react-native"]
-external _open : optsJs => Js.Promise.t(responseJs) = "open";
+external _open: optsJs => Js.Promise.t(responseJs) = "open";
 
 let open_ = (~hour=?, ~minute=?, ~is24Hour=?, ~mode=`default, ()) =>
   _open(
@@ -70,4 +70,4 @@ let open_ = (~hour=?, ~minute=?, ~is24Hour=?, ~mode=`default, ()) =>
   )
   |> Js.Promise.then_((resp: responseJs) =>
        resp |> actionHandler |> Js.Promise.resolve
-     );
+     );
\ No newline at end of file
diff --git a/src/timePickerAndroid.rei b/src/timePickerAndroid.rei
index c9793493962bac..d72486228a76dc 100644
--- a/src/timePickerAndroid.rei
+++ b/src/timePickerAndroid.rei
@@ -11,4 +11,4 @@ type mode = [ | `clock | `spinner | `default];
 
 let open_:
   (~hour: int=?, ~minute: int=?, ~is24Hour: bool=?, ~mode: mode=?, unit) =>
-  Js.Promise.t(action);
+  Js.Promise.t(action);
\ No newline at end of file
diff --git a/src/toastAndroid.re b/src/toastAndroid.re
index 3a9e2c617d907f..537a0ce7e4483b 100644
--- a/src/toastAndroid.re
+++ b/src/toastAndroid.re
@@ -43,9 +43,24 @@ external _showWithGravityAndOffset: (string, int, int, int, int) => unit =
   "showWithGravityAndOffset";
 
 let show = (message, ~duration, ~gravity=?, ~offset=?, ()) =>
-	switch ((gravity, offset)) {
-	| (None, None) => _show(message, getDuration(duration))
-	| (Some(gravity), None) => _showWithGravity(message, getDuration(duration), getGravity(gravity))
-	| (Some(gravity), Some((x, y))) => _showWithGravityAndOffset(message, getDuration(duration), getGravity(gravity), x, y)
-	| (None, Some((x, y))) => _showWithGravityAndOffset(message, getDuration(duration), getGravity(BOTTOM), x, y)
-	}
+  switch (gravity, offset) {
+  | (None, None) => _show(message, getDuration(duration))
+  | (Some(gravity), None) =>
+    _showWithGravity(message, getDuration(duration), getGravity(gravity))
+  | (Some(gravity), Some((x, y))) =>
+    _showWithGravityAndOffset(
+      message,
+      getDuration(duration),
+      getGravity(gravity),
+      x,
+      y,
+    )
+  | (None, Some((x, y))) =>
+    _showWithGravityAndOffset(
+      message,
+      getDuration(duration),
+      getGravity(BOTTOM),
+      x,
+      y,
+    )
+  };
\ No newline at end of file
diff --git a/src/toastAndroid.rei b/src/toastAndroid.rei
index 0108cd82842c27..c5e9bad45d14a3 100644
--- a/src/toastAndroid.rei
+++ b/src/toastAndroid.rei
@@ -7,4 +7,12 @@ type gravity =
   | CENTER
   | TOP;
 
-let show: (string, ~duration: duration, ~gravity: gravity=?, ~offset: (int, int)=?, unit) => unit;
+let show:
+  (
+    string,
+    ~duration: duration,
+    ~gravity: gravity=?,
+    ~offset: (int, int)=?,
+    unit
+  ) =>
+  unit;
\ No newline at end of file
diff --git a/src/types.rei b/src/types.rei
index ea4b2d6b9e668f..aff46b940369e8 100644
--- a/src/types.rei
+++ b/src/types.rei
@@ -17,4 +17,4 @@ type touchResponderHandlers = {
   onResponderTerminationRequest: option(RNEvent.NativeEvent.t => unit),
   onStartShouldSetResponder: option(RNEvent.NativeEvent.t => bool),
   onStartShouldSetResponderCapture: option(RNEvent.NativeEvent.t => bool),
-};
+};
\ No newline at end of file
diff --git a/src/vibration.rei b/src/vibration.rei
index 5a28505ebde5a6..59b7c7898d4ad5 100644
--- a/src/vibration.rei
+++ b/src/vibration.rei
@@ -1,3 +1,3 @@
 let vibrate: (~pattern: array(int), ~repeat: bool) => unit;
 
-let cancel: unit => unit;
+let cancel: unit => unit;
\ No newline at end of file