@@ -88,7 +88,7 @@ isScreenReaderEnabled: unit => Js.Promise.t(bool)
 
 To set accessibility focus to a React component, identified by its `nodeHandle`.
 On Android, this is equivalent to
-`UIManager.sendAccessibilityEvent(reactTag, UIManager.AccessibilityEventTypes.typeViewFocused)`;
+`UIManager.sendAccessibilityEvent(reactTag, UIManager.AccessibilityEventTypes.typeViewFocused)`
 
 ```rescript
 setAccessibilityFocus: NativeTypes.nodeHandle => unit

@@ -16,7 +16,7 @@ If you are not familiar with ReScript / Reason, be sure to check [ReScript Overv
 ### JSX String
 
 ```rescript
-<Text> "Hello, world!"->React.string </Text>
+<Text> {"Hello, world!"->React.string} </Text>
 ```
 
 ## JSX Number (int)
@@ -31,9 +31,9 @@ If you are not familiar with ReScript / Reason, be sure to check [ReScript Overv
 
 ```rescript
 <Text>
-42
+{42
 ->Js.Int.toString
-->React.string
+->React.string}
 </Text>
 ```
 
@@ -49,9 +49,9 @@ If you are not familiar with ReScript / Reason, be sure to check [ReScript Overv
 
 ```rescript
 <Text>
-4.2
+{4.2
 ->Js.Float.toString
-->React.string
+->React.string}
 </Text>
 ```
 
@@ -62,7 +62,7 @@ If you are not familiar with ReScript / Reason, be sure to check [ReScript Overv
 ```javascript
 {items.map((item, i) =>
 <Text key={i++item}>
-item
+{item}
 </Text>
 )}
 ```
@@ -74,7 +74,7 @@ If you are not familiar with ReScript / Reason, be sure to check [ReScript Overv
 ->Belt.Array.mapWithIndex((item, index) =>
 <Text
 key=((index->Js.Int.toString)++item)>
-item->React.string
+{item->React.string}
 </Text>
 )
 ->React.array}
@@ -120,9 +120,9 @@ _Recommended: Assuming `something` is an
 something
 ->Belt.Option.map(thing =>
 <Text>
-thing
+{thing
 ->Js.String.toUpperCase
-->React.string
+->React.string}
 </Text>
 )
 ->Belt.Option.getWithDefault(React.null)
@@ -138,9 +138,9 @@ _If you have to work with JavaScript/JSON: Assuming `something` is a JavaScript
 ->Js.Nullable.toOption /* convert undefined || string as option(string) */
 ->Belt.Option.map(thing =>
 <Text>
-thing
+{thing
 ->Js.String.toUpperCase
-->React.string
+->React.string}
 </Text>
 )
 ->Belt.Option.getWithDefault(React.null)
@@ -179,35 +179,32 @@ console.log(StyleSheet.flatten([styles.container]));
 ### ReScript React Native StyleSheet
 
 ```rescript
-open ReactNative;
+open ReactNative
+open ReactNative.Style // this is useful since all units & style methods comes from Style module
 
 let styles =
-Style.(
-/* = open Style; just between ()*/
-/* this is useful since all units & style methods comes from Style module */
-StyleSheet.create({
-"container":
-viewStyle(
-~maxHeight=600.->dp,
-~width=80.->pct,
-~justifyContent=`flexStart,
-~alignItems=`center,
-~margin=auto,
-(),
-),
-"cornerThing":
-viewStyle(
-~position=`absolute,
-~top=100.->dp,
-~right=(-20.)->dp,
-~transform=[|rotate(~rotate=4.->deg)|],
-(),
-),
-"text": textStyle(~textTransform=`uppercase, ()),
-})
-);
-
-Js.log(StyleSheet.flatten([|styles##container|]));
+{
+"container":
+viewStyle(
+~maxHeight=600.->dp,
+~width=80.->pct,
+~justifyContent=`flexStart,
+~alignItems=`center,
+~margin=auto,
+(),
+),
+"cornerThing":
+viewStyle(
+~position=`absolute,
+~top=100.->dp,
+~right=(-20.)->dp,
+~transform=[|rotate(~rotate=4.->deg)|],
+(),
+),
+"text": textStyle(~textTransform=`uppercase, ()),
+}->StyleSheet.create
+
+Js.log(StyleSheet.flatten([|styles##container|]))
 ```
 
 ## Concatened styles
@@ -221,11 +218,13 @@ Js.log(StyleSheet.flatten([|styles##container|]));
 ### Concatened styles
 
 ```rescript
+open ReactNative.Style
+
 <View
-style=Style.(array([|
+style={array([|
 styles##container,
 styles##containerAdditionalStyles
-|]))
+|])}
 />
 ```
 
@@ -246,12 +245,14 @@ Js.log(StyleSheet.flatten([|styles##container|]));
 ### Optional styles
 
 ```rescript
+open ReactNative.Style
+
 <View
-style=Style.(arrayOption([|
+style={arrayOption([|
 Some(styles##container),
 condition ? Some(styles##containerAdditionalStyles) : None,
 condition2 ? Some(viewStyle(~width=40.->dp, ())) : None,
-|]))
+|])}
 />
 ```
 
@@ -285,19 +286,20 @@ export default class HelloWorld extends Component {
 
 ```rescript
 /* App.res */
-open Belt;
-open ReactNative;
+open Belt
+open ReactNative
+open ReactNative.Style
 
 [@react.component]
 let make = (~name=?) => {
 <View
-style=Style.(
+style={
 viewStyle(~flex=1., ~justifyContent=`center, ~alignItems=`center, ())
-)>
+}>
 <Text>
 {("Hello, " ++ name->Option.getWithDefault("world") ++ "!")
 ->React.string}
 </Text>
-</View>;
-};
+</View>
+}
 ```

@@ -22,7 +22,7 @@ external extra: (~key: string, ~value: 'a) => extra
 ### `url`
 
 ```rescript
-type url = {url: string};
+type url = {url: string}
 ```
 
 ## Methods

@@ -21,15 +21,15 @@ ignoreLogs: array(string) => unit
 > example
 
 ```rescript
-open ReactNative;
+open ReactNative
 
 LogBox.ignoreLogs([
 "Require cycle:",
 "Remote debugger",
 "Accessing view manager configs",
 "Warning: componentWillReceiveProps",
 "Warning: componentWillMount",
-]);
+])
 ```
 
 ## `ignoreAllLogs`
@@ -47,7 +47,7 @@ ignoreAllLogs: unit => unit
 > example
 
 ```rescript
-open ReactNative;
+open ReactNative
 
-LogBox.ignoreAllLogs();
+LogBox.ignoreAllLogs()
 ```

@@ -25,5 +25,5 @@ ignoreWarnings: array(string) => unit
 YellowBox.ignoreWarnings([
 "Possible Unhandled Promise Rejection",
 "Remote debugger",
-]);
+])
 ```