open-index/open-npm huggingface dataset:
npm package: @sitakant/say-hello
Description: This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 6.1.2.
Latest version: 0.0.1

# SayHello

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 6.1.2.

## Development server

Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.

## Code scaffolding

Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.

## Build

Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build.

## Running unit tests

Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Running end-to-end tests

Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @sital002/react-routing
Description: A simple routing for react
Latest version: 0.0.2

# A simple and light weight routing library for react

```bash
npm i @sital002/react-routing
```

## How to implement it

App.jsx

```jsx
import { BrowserRouter, Route, Routes } from "@sital002/react-routing";
import Footer from "./components/Footer";
import Navbar from "./components/Navbar";
import About from "./pages/About";
import Contact from "./pages/Contact";
import Home from "./pages/Home";

function App() {
  return (
    <>
      <BrowserRouter>
        <Navbar />
        <Routes>
          <Route path="/" element={<Home />} />
          <Route path="/about" element={<About />} />
          <Route path="/contact" element={<Contact />} />
        </Routes>
        <Footer />
      </BrowserRouter>
    </>
  );
}

export default App;
```

Navbar.jsx

```jsx
import { Link } from "@sital002/react-routing";

function Navbar() {
  return (
    <div>
      <ul>
        <Link to="/">
          <li>Home</li>
        </Link>
        <Link to="/about">
          <li>About</li>
        </Link>
        <Link to="/contact">
          <li>Contact</li>
        </Link>
      </ul>
    </div>
  );
}

export default Navbar;
```

useRouter()

```jsx
import { useRouter } from "@sital002/react-routing";
import React from "react";

export default function Footer() {
  const router = useRouter();
  return (
    <div>
      <button
        onClick={() => {
          router.push("/");
        }}
      >
        Home
      </button>
      <button
        onClick={() => {
          router.push("/about");
        }}
      >
        About
      </button>
      <button
        onClick={() => {
          router.push("/contact");
        }}
      >
        Contact
      </button>

      <button
        onClick={() => {
          router.back();
        }}
      >
        Go back
      </button>
      <button
        onClick={() => {
          router.forward();
        }}
      >
        Go forward
      </button>
    </div>
  );
}
```