VOOZH about

URL: https://reactrouter.com/start/data/installation

⇱ Installation | React Router


👁 Image

Installation

Bootstrap with a Bundler Template

You can start with a React template from Vite and choose "React", otherwise bootstrap your application however you prefer (Parcel, Webpack, etc).

npx create-vite@latest

Install React Router

Next install React Router from npm:

npm i react-router

Create a Router and Render

Create a router and pass it to RouterProvider:

import React from "react";
import ReactDOM from "react-dom/client";
import { createBrowserRouter } from "react-router";
import { RouterProvider } from "react-router/dom";
const router = createBrowserRouter([
 {
 path: "/",
 element: <div>Hello World</div>,
 },
]);
const root = document.getElementById("root");
ReactDOM.createRoot(root).render(
 <RouterProvider router={router} />,
);

Next: Routing

Docs and examples CC 4.0
Edit