Update ReducerFromReactJSDocs.re (#4283)

Better style (separation of concerns)

Author: Huxpro

jscomp/bsb/templates/react-hooks/src/ReducerFromReactJSDocs/ReducerFromReactJSDocs.re

@@ -4,6 +4,7 @@
 // A little extra we've put, because the ReactJS example has no styling
 let leftButtonStyle = ReactDOMRe.Style.make(~borderRadius="4px 0px 0px 4px", ~width="48px", ());
 let rightButtonStyle = ReactDOMRe.Style.make(~borderRadius="0px 4px 4px 0px", ~width="48px", ());
+let containerStyle = ReactDOMRe.Style.make(~display="flex", ~alignItems="center", ~justifyContent="space-between", ());
 
 // Record and variant need explicit declarations.
 type state = {count: int};
@@ -26,8 +27,7 @@ let make = () => {
   let (state, dispatch) = React.useReducer(reducer, initialState);
 
   // We can use a fragment here, but we don't, because we want to style the counter
-  <div
-    style={ReactDOMRe.Style.make(~display="flex", ~alignItems="center", ~justifyContent="space-between", ())}>
+  <div style=containerStyle>
     <div>
       {React.string("Count: ")}
       {React.string(string_of_int(state.count))}