Consumir API con React Crud | Autenticación Sanctum | Vite Bootstrap ChartJs Paginación

Поделиться
HTML-код
  • Опубликовано: 23 ноя 2024
  • Doble CRUD en React js consumiendo una API de Laravel con paginación Crear componentes en react manejar estados sesiones
    #tokens #axios #react #api #client #chartjs #pagination #js
    Crear proyecto con vite: npm create vite@latest
    Instalar librerías:
    npm i @fortawesome/fontawesome-free sweetalert2 bootstrap react-chartjs-2 chart.js react-router-dom react-bootstrap-pagination-control axios
    Liga del video en donde creamos la API en Laravel con Autenticación SANCTUM: • API en Laravel 10 | Au...
  • НаукаНаука

Комментарии • 23

  • @TomasGD
    @TomasGD 11 месяцев назад +1

    muy bueno tus videos se aprende mucho viendote

  • @nemines001
    @nemines001 Год назад +1

    saludos muchas gracias es lo que buscaba react + laravel

  • @JkeanOS
    @JkeanOS Год назад

    Se ve interesante pero esto se puede escalar a grandes proyectos? React y su JSX con sus hooks se ve mucho entrevero, he visto svelte y gracias a tu video me haz dado una idea en su orden de carpetas y su patron de diseño.

    • @programandocondancruise
      @programandocondancruise  Год назад

      Qué tal, si, se pueden hacer grandes proyectos con react! son de gran utilidad sus hooks, la curva de aprendizaje no es tan complicada

    • @JkeanOS
      @JkeanOS 5 месяцев назад

      @@programandocondancruise Despues de ver Svelte y despues de desanimarme al ver que no hay trabajo y haber dejado pasar 4 meses 🤭, ¡¡He regresado a ver tus videos amigos!!, hice el api de laravel y acabo de terminar este de react, empecé el 23/05 y despues de romperme la cabeza porque tenía varios bugs 🤣 He culminado tu curso!!, Gracias grandes!! 🙌 tengo una buena base para empezar. ¿Qué recomendarías aprender estimado para mejorar esto? ¿Tienes algún curso de pago más avanzado talvez de sistemas en Laravel/React o patrones de diseño?

  • @remeotz
    @remeotz Год назад +1

    Hola, acabo de descubrir tu canal, excelente contenido, ahora que quiero aprender los frameworks de frontend, me gustaría saber si vas a subir un ejercicio como este pero con el framwork de Angular, espero que veas mi comentarios. Saludos.

    • @programandocondancruise
      @programandocondancruise  Год назад +1

      Hola, agradezco tu comentario, sinceramente no a corto plazo, pero si más adelante subiré un ejemplo similar a este en angular

  • @chechiiitto
    @chechiiitto Год назад +1

    Podrias por favor compartir un repositorio con el proyecto terminado?

  • @macrossfan6804
    @macrossfan6804 6 месяцев назад

    Saludos, un buen proyecto para iniciar con react y los CRUD con credenciales, lo estoy implementando en laravel 11 y lo estoy montando en un servidor compartido, pero cuando hago la petición al csrf-cookie me regresa los errores CORS No Allow Credentials, NS_ERROR_DOM_BAD_URI, ¿alguna sugerencia en que modificar para habilitar el CORS?, laravel 11 si cambia

    • @programandocondancruise
      @programandocondancruise  6 месяцев назад

      Qué tal, en tu archivo config/cors.php hasta abajo viene soportar credenciales, hay que cambiarlo a true

  • @nemines001
    @nemines001 Год назад +1

    ​cuando empeze estuve pagando a un youtuber me hizo una api php para mi front de react me ahorra mucho dinero estaba puliendo el front para buscar mas clientes me gustaria contactarte mas adelante. puedes ofrecer ese soporte hay muchos front que necesitamos backend gracias por compartir

    • @programandocondancruise
      @programandocondancruise  Год назад +1

      Claro con gusto, a medida de lo posible he apoyado a quienes me han buscado, también he trabajado proyectos con laravel tiene poco que comencé el canal pero ya llevo 11 años en el desarrollo de software

  • @snaideryt2836
    @snaideryt2836 24 дня назад

    Amigo Git del proyecto?

  • @Keviin1128
    @Keviin1128 7 месяцев назад

    Amigo tienes el repo del API? para que me compartas el link por favor, gracias

  • @josesalcedo7275
    @josesalcedo7275 Год назад

    Hola muchas gracias por el video es muy bueno gracias, por casualidad esto mismo se podria hacer en multitenancy o podrias sacar un tutorial igual, puede ser de pago

    • @programandocondancruise
      @programandocondancruise  Год назад

      Qué tal José, gracias por tu comentario, sinceramente poco me he metido con multitenancy, podría checar para hacer algo similar aunque no será luego luego porque tengo otros videos pendientes que prometí 😅😅

  • @honori5466
    @honori5466 6 месяцев назад

    19:35, HAY UN ERROR!! hay que poner: export default sendRequest;

  • @khaleesi1989
    @khaleesi1989 Год назад

    Hola, queria preguntarte, es buena práctica guardar el token en el storage? porque tengo entendido q por cuestion de seguridad no se guarda alli sino en la variables de entorno.

    • @programandocondancruise
      @programandocondancruise  Год назад +1

      Hola, se puede guardar en localstorage si es que se elimina el token al finalizar la sesión o damos un tiempo de vida al token, también puedes hacerlo en sessionStorage o como tu lo comentas en tus variables de entorno.

  • @frankaraya2153
    @frankaraya2153 Год назад

    Hola hermano, de casualidad tienes el proyecto en git?

  • @nemines001
    @nemines001 Год назад

    ​un titulo sensacionalista quieres que tu front tenga un backend de bajo costo? ofrezco soporte extra para que acelerares el pivoteo de tu proyecto y te concentres en conseguir esos primeros usuarios