🐯 Tiger Router 🐯
Introducing Tiger Router, the sleek and minimalist routing solution for React. Say goodbye to bloated and complicated routing libraries - Tiger Router offers only the essentials for seamless navigation within your React application. With its intuitive and user-friendly interface, you can easily define your routes and render your components with just a few lines of code. So why settle for anything less? Choose Tiger Router for a streamlined routing experience that's truly roar-some.
Tiger Router allows you to use Router, Route, and Link components in your projects.
Installation
You can install Tiger Router using npm, yarn or pnpm:
npm install tiger-router
yarn add tiger-router
pnpm install tiger-router
Getting Started
To use Tiger Router in your project, follow these steps:
- Import the Router component from the tiger-router package:
import { Router } from 'tiger-router'
- Wrap your application's components with the Router component, passing in the URL path and component to render as props:
import { Router, Route } from 'tiger-router'
import Home from './components/Home'
import About from './components/About'
function App() {
return (
<Router>
<Route path='/' component={Home} />
<Route path='/about' component={About} />
</Router>
)
}
export default App
- Use the Link component to navigate between routes:
import { Link } from 'tiger-router'
function Navbar() {
return (
<nav>
<ul>
<li>
<Link to='/'>Home</Link>
</li>
<li>
<Link to='/about'>About</Link>
</li>
</ul>
</nav>
)
}
export default Navbar
That's it! You should now be able to use Tiger Router in your project!
Contributing
If you would like to help us, please take a moment to read the CONTRIBUTING.md file. You will find useful information there on how to effectively contribute and follow our style guides. We hope you enjoy collaborating with us!