paluh/purescript-wire-react-router

purescript-wire-react-router

A basic pushstate router for React with support for asynchronous routing logic, built using react-basic-hooks. I recommend routing-duplex for easy parsing and printing and wire for easy reactive state.

makeRouter ::
  forall route f.
  Foldable f =>
  PushStateInterface ->
  { parse :: String -> f route
  , print :: route -> String
  , onRoute :: route -> Router route Transitioning Resolved Unit
  , onTransition :: Transition route -> Effect Unit
  } ->
  Effect
    { component :: JSX
    , navigate :: route -> Effect Unit
    , redirect :: route -> Effect Unit
    }

For a basic example see examples/RoutingDuplex.purs: $ spago build --config examples.dhall

How to use with Spago

Add wire-react-router to your packages.dhall:

let additions =
  { wire-react-router =
      { dependencies =
          [ "aff"
          , "freet"
          , "indexed-monad"
          , "profunctor-lenses"
          , "react-basic-hooks"
          , "routing"
          ]
      , repo = "https://github.com/robertdp/purescript-wire-react-router.git"
      , version = "v0.2.1"
      }
  }

And then install with $ spago install wire-react-router