AppOptimized.res

@@config({no_export})
type state = {count: int}

type action =
  | Increment
  | Decrement

let initialState = {count: 0}

let reducer = (state, action) =>
  switch action {
  | Increment => {count: state.count + 1}
  | Decrement => {count: state.count - 1}
  }
module App = {
  @react.component
  let make = () => {
    let (state, dispatch) = React.Uncurried.useReducer(reducer, initialState)

    <main>
      {React.string("Simple counter with reducer")}
      <div>
        <button onClick={_ => dispatch(.Decrement)}> {React.string("Decrement")} </button>
        <span className="counter"> {state.count->string_of_int->React.string} </span>
        <button onClick={_ => dispatch(.Increment)}> {React.string("Increment")} </button>
      </div>
    </main>
  }
}

switch ReactDOM.querySelector("#root"){
  | None => ()
  | Some(e) => 
    ReactDOM.render(<App/>,e)
}