➜ Rutas y Mockups

Rutas y mockups de las interfaces | Definimos las rutas públicas en React JS como en la Api Rest y los diseños en mockups de las interfaces de nuestra aplicación web

Definimos las rutas públicas y los diseños en mokups de las interfaces de nuestra aplicación web

App.jsx

<Route path="/" element={<LayoutPublic/>}>   
          <Route index element={<Home/>} />       
          <Route path='/login' element={<Login/>} />
          <Route path='/register' element={<Register/>} />
          <Route path="/*" element={<NotFound />} />          
          <Route path='/categorias' element={<Categorias/>} />
          <Route path='/categorias/:slug' element={<Categoria/>} />
        </Route>

Config.jsx

// PUBLIC
    getEmpresas:(data)=>axios.get(`${base_api_url}/public/empresas/${data}`),
    searchEmpresas:(data) => axios.post(`${base_api_url}/public/empresas/search`,data),
    CategoriaAll:()=>axios.get(`${base_api_url}/public/categorias`),
    CategoriaBySlug:(slug) => axios.get(`${base_api_url}/public/categorias/${slug}`),

routes/api.php

    //::public
    Route::get('/public/empresas/{quantity}',[FrontController::class,'empresas']);
    Route::post('/public/empresas/search',[FrontController::class,'search']);
    Route::get('/public/categorias',[FrontController::class,'categorias']);
    Route::get('/public/categorias/{slug}',[FrontController::class,'categoria']);

821 visitas

Capítulo 32 – Página Home »

{ Curso ReactJS y Laravel Directorio de Empresas }

Compartir link con tus amigos

Descarga el código del proyecto

Descarga el código fuente del proyecto adquiriendo el curso completo

Comprar

➜ Rutas y Mockups

Descarga el código del proyecto

¡Qué aprenderás?