rescript-react-router-dom

1.0.8 • Public • Published

Rescript React Router DOM

Rescript bindings for React Router DOM

Getting Started

  1. Add this to your package.json:
npm i rescript-react-router-dom
  1. Add this to you bsconfig.json:
"bs-dependencies": [
    "@rescript/react",
    "rescript-react-router-dom"
]
  1. Import into your Rescript project
open RescriptReactRouterDom.ReactRouterDOM

Example Usage

Router

open RescriptReactRouterDom.ReactRouterDOM

@react.component
let make = () => {
  <HashRouter>
    <Routes>
      <Route path="/" element={<HomePage />} />
      <Route path="blog" element={<BlogPage />} />
      <Route path="blog/:slug" element={<ArticlePage />} />
      <Route path="about-me" element={<AboutMePage />} />
      <Route path="projects" element={<ProjectsPage />} />
      <Route path="*" element={<Error404Page />} />
    </Routes>
  </HashRouter>
}

Links

open RescriptReactRouterDom.ReactRouterDOM

@react.component
let make = () => {
  <div>
    <Link className="columns" href={`/blog`}>
      {"Blog" |> React.string}
    </Link>
  </div>
}
  • Note: to is a reserved word in Rescript. It has been replaced by href in this port.

Package Sidebar

Install

npm i rescript-react-router-dom

Weekly Downloads

1

Version

1.0.8

License

MIT

Unpacked Size

5.23 kB

Total Files

6

Last publish

Collaborators

  • benfaerber