LARAVEL-REACT-IA

 1. Introducción

2. Antes de comenzar

3. ¿Qué necesitamos?

4. ¿ Qué vamos a aprender ?

Sección 1:Resumen

Sección 1:Modelo

Sección 1: Presentación

5. Descarga código fuente

6. Creación contenedores nginx, Localstack, 

7. Explicación código descargado

8. Probando contenedores

9. Bajando contenedores y volúmenes

Sección 2: Resumen

Sección 2: Modelo

Sección 2: Presentación

10. Creación proyecto Laravel

11. Creación key para Laravel

12. Configuración conexión con PostgreSQL

13. Ejecución migraciones

Sección 3: Resumen

Sección 3: Modelo

Sección 3: Presentación

14. Instalación inertia vía composer

15. Corrección error contenedor vite

16. Instalar inertia para react

17. Instalar vite para react

18. Instalar react y react-dom

19. Crear middleware para inertia

20. Agregar nuevo middleware al archivo bootstrap/app.php

21. Agregar react al proyecto vite en vite.config.js

22. Renombrar el archivo resources/js/app.js

23. Crear archivo tsconfig.json en la raíz

24. Instalar los types necesarios para typescript

25. Creación resources/views/app.blade.php

26. Archivo de anotaciones del bloque

Sección 4: Resumen

Sección 4: Modelo

Sección 4: Presentación

27. Primer controlador desde artisan

28. Agregar controlador a la ruta

29. Configurando componente Inertia en controlador

30. Creación componente Home

31. Vite manifest not found at: /var/www/html/public/build/manifest.json

Sección 5: Resumen

Sección 5: Modelo

Sección 5: Presentación

32. Controlador y ruta ParametrosController

33. Obtener parámetros path desde el controlador | Request

34. Opción 1 usando usePage

35. Creación inertia.d.ts

36. Opción 2 PageProps

37. Parámetros querystring

38. Página 404 custom | toResponse y setStatus

Sección 6: Resumen

Sección 6: Modelo

Sección 6: Presentación

39. Creación interface LayoutPropsInterface y PageModuleInterface

40. Creación componente Layout | children

41. Agregamos Layout a app tsx

42. Controlador y ruta LayoutController

43. Cargango imágenes en nuestros componentes

44. Progress Indicator

45. Head para title y meta tags | Fundamental para SEO!!!

46. Configuración ruta health

47. Personalización ruta health

Sección 7: Resumen

Sección 7: Modelo

Sección 7: Presentación

48. Descargamos Bootstrap

49. Agregamos Bootstrap y FontAwesome a layout blade

50. Añadimos un poco de diseño al layout

51. Creamos navbar group dropdown en Layout

52. Navegación lazy load con Link de inertiajs react

53. Ziggy para manejar rutas absolutas

54. Instrucciones para Ziggy

55. Probamos Progress Indicator

Sección 8: Resumen

Sección 8: Modelo

Sección 8: Presentación

56. Controlador y ruta FormulariosController

57. Agregamos breadcrumb

58. Creación formulario HTML básico

59. Envolvemos los campos con useForm

60. onSubmit con React.FormEvent, HTMLFormElement y preventDefault

61. Creación formulario post

62. Envío formulario con el método POST | success y route

63. Agregamos validaciones al controlador

64. Agregamos redirect al controlador con mensajes de sesión

65. Creación FormularioProps

66. Definición errores y flash de sesión en HandleInertiaRequests

67. errors, flash y processing con usePage en Componente React

68. Mostramos los mensajes de error en Componente

69. Mostramos mensajes flash

70. Creación Interface MensajesFlashProps

71. Creamos componente MensajesFlash

72. Probamos componente MensajesFlash en formulario

Sección 9: Resumen

Sección 9: Modelo

Sección 9: Presentación

73. Controlador y ruta CategoriasController

74. Creamos y ejecutamos migración de categorías

75. Modelo Categorias

76. Listar registros en controlador

77. Creación CategoriaProps

78. Obtener registros en componente React | usePage

79. Le damos un poco de diseño al componente

80. Listar registros en tabla HTML | fontawesome

81. Botón crear

82. Instalación react-bootstrap Bootstrap

83. Creación ventana modal de ejemplo

84. Agregamos formulario a Modal

85. Método categoria_post en controlador

86. Método post handleSubmit

87. Agregamos validaciones al método del controlador

88. Probamos el CSRF protection de Inertia desde Postman

89. Agregamos validaciones a formulario

90. Validamos si existe la categoría antes de crearla

91. Creamos registro en PostgreSQL

92. Creamos slug dinámicamente son Illuminate Str

93. Método editar en componente | reutilizamos ventana modal

94. Creamos ruta PUT para editar

95. Creamos ruta delete para eliminar registro en controlador

96. handleEliminar en componente react | confirm

97. Mensajes flash

Sección 10: Resumen

Sección 10: Modelo

Sección 10: Presentación



Comentarios