Reactsize

Este es un paquete de pruebas de despliegue en NPM

Jhoan Jimenez

Navbar Reactsize

yarn add reactsize_j

yarn add react-router-dom

import { ListNavbar, Navbar, LogoNavbar } from 'reactsize_j';
export const rutas = [
    {
        route: '/inicio',
        name:  'Inicio'
    },
    {
        route: '/nosotros',
        name:  'Nosotros'
    },
    {
        route: '/servicios',
        name:  'Servicios'
    },
    {
        route: '/contacto',
        name:  'Contacto'
    },
]

<BrowserRouter>
    <Navbar>
        <LogoNavbar/>
        <ListNavbar rutas={rutas}/>
    </Navbar>
    <Routes>
        {
          rutas.map( (ruta: Rutas) => (
            <Route key={ruta.route} path={ruta.route} element={ <>{ruta.name}</> }/>
            ))
        }
        <Route path="/*" element={ <Navigate to={rutas[0].route} replace/> } />
    </Routes>
</BrowserRouter>