Primeros pasos Laravel 10 con Livewire 2
Primeros pasos Laravel 10 con Livewire 2
Aquí continúa tu camino en el desarrollo de aplicaciones web en Laravel con Livewire
Sobre este libro
Este libro está dirigido a cualquiera que quiera comenzar a desarrollar con Laravel Livewire en el desarrollo de aplicaciones basadas en componentes de Laravel con algunos agregados que permiten la comunicación directa entre el servidor y el cliente.
Laravel Livewire lleva el desarrollo de Laravel un poco más allá; automatizando procesos rutinarios en esquemas muy flexibles en base a componentes, los componentes de Livewire que nos permite comunicar cliente y servidor de una manera muy simple, eficiente y sencilla.
Laravel Livewire no es un framework, es solamente una capa o scaffolding que agrega ciertas características extras al framework que podemos utilizar para crear grandes aplicaciones, con menos esfuerzo y tiempo de desarrollo.
Mapa
Este libro esta actualmente en desarrollo y tiene un total de 15 capítulos que consta de explicaciones y prácticas:
Capitulos:
- Vamos a dar una breve introducción sobre Laravel Livewire.
- Vamos a crear nuestro proyecto en Laravel Livewire.
- Presentamos las características con las cuales cuenta un proyecto creado en Laravel Livewire; manejo de equipos, API Tokens, y autenticación, son algunas de ellas.
- Vamos a crear una aplicación tipo CRUD sencilla y conocer todos los elementos propios de Livewire como, manejo de formularios, vistas y directivas mediante los componentes de Livewire.
- Vamos a trabajar en el estilo, mejorando la aplicación creada para que luzca como un módulo más de Laravel Livewire.
- Vamos a conocer la comunicación entre componentes de Livewire en base a eventos; detectar cambios en propiedades de la clase componente desde la vista y conocer el JavaScript de Laravel Livewire.
- Vamos a crear el CRUD para los posts.
- Vamos a crear filtros y campos de búsquedas para un listado aprovechando las bondades de Livewire.
- Vamos a crear campos de ordenación para el listado por las columnas.
- Vamos a conocer todo lo que nos ofrece en JavaScript de Livewire y combinarlo con otros plugins, conoceremos los hooks en JavaScript, consumir propiedades, funciones y uso de los eventos.
- Vamos a conocer algunas características extras de las propiedades de Laravel Livewire, como personalizar la fase de actualización de los wire:model, como el uso de las propiedades computadas.
- Vamos a crear una sencilla aplicación tipo blog con un listado con filtros y campos de búsqueda y detalle.
- Vamos a crear un carrito de compras en la sesión y base de datos, para el cual, veremos comunicación entre componentes, envío de eventos, plugin de tipo toast para mostrar mensajes de confirmación de operación realizada, con escuchadores de los eventos desde JavaScript.
- Vamos a mostrar el código de una aplicación creada con Alpine.js para crear un componente tipo to do list.
- Vamos a adaptar la aplicación en Alpine.js presentada en el anterior capítulo, para que funcione en conjunto con Livewire.
Al terminar el libro, tendrá los conocimientos necesarios para crear aplicacions de manera fluida en Laravel Livewire y como abordar con una idea clara posibles soluciones y evaluar si Livewire se ajusta a los requerimientos de tu proyecto.
Te invito que visites mi web:
desarrollolibre.net
Y conozmás mi trabajo.
Traducción
Tabla de contenidos
- Primeros pasos con Laravel Livewire
- ¡Tuitea sobre el libro!
- Sobre el autor
- Copyright
- Mapa
-
Capítulo 1: Sobre Laravel Livewire
- ¿Qué nos ofrece Livewire?
-
Capítulo 2: Crear un proyecto
- Crear el proyecto en Laravel Livewire en MacOS o Linux
- Crear el proyecto en Laravel Livewire en Windows
- Segunda forma de instalar Laravel Livewire
-
Capítulo 3: Características de un proyecto Livewire
- Laravel Fortify
- Opciones
- Estructura del proyecto
- Publicar vistas
-
Capítulo 4: Introducción a los Componentes de Livewire
- Migraciones
- Modelos
- Componentes
- Definir rutas:
- Pruebas con un Componente
- Componente para crear una categoría
- Referencias de las directivas wire:x
- Peticiones al servidor desde Livewire
- Validar formularios
- Reutilizar componentes de Livewire
- Ciclo de vida de un componente
- Actualizar un registro
- Listado
- Eliminar
-
Capítulo 5: Componentes y estilos
- Formulario
- Tabla
- Carta
- Header del layout
- Container
- Diálogo de alerta para eliminar: Componente de confirmación
- Mensaje de acción realizada
- Menú: Componente Dropdown (Modo PC)
- Menú: Componente Dropdown (Modo Móvil)
- Enlace para crear una categoría
-
Capítulo 6: Comunicación en componentes
- Crear migraciones
- Componentes de Livewire
- Modelos
- Migraciones
- Formulario para crear un contacto general
- Formulario para crear un contacto por persona
- Formulario para crear un contacto por empresa
- Formulario para crear un contacto por detalle
- Lógica inicial del formulario paso por paso
- Directiva @livewire para renderizar componentes
- Eventos: Comunicación entre componentes
- Definir layout
- Diseño para el paso por paso
- Objeto $wire
- Paso 3:
- Comunicación padre a hijos: Enviar el id del contacto general a los componentes hijos
- Habilitar el guardado en los componentes hijos
- Cargar data del contacto registrado
- Detalles finales de estilos
-
Capítulo 7: CRUD para los posts
- Cambios generales
- Guardar y editar
- Listado
-
Capítulo 8: Filtros y campos de búsqueda
- Cambios en la tabla
- Seeders para los posts
- Filtros para categorías, posteados y tipos
- Campo de búsqueda para id, título y descripción
- Filtrar por rango de fecha
-
Capítulo 9: Campos de ordenación
- Traits y componentes de Livewire para reutilizar código
-
Capítulo 10: JavaScript de Livewire
- Introducción a los Hooks en JavaScript
- Acceso a las propiedades desde JavaScript y CKEditor
- Resumen
-
Capítulo 11: Propiedades de Livewire
- Diferir actualización para los wire:model
- Propiedades computadas
-
Capítulo 12: Web simple de Blog
- Rutas
- Modelo
- Layout para la web
- Listado de Post
- Detalle del Post
-
Capítulo 13: Carrito de compras, estructura inicial
- Esquema general
- Componente de ítem
- Cambios en el componente de carrito
- Replicar el carrito de compra en la base de datos
- Mostrar un mensaje al realizar acciones sobre el carrito
- Botón para mostrar la cantidad total de ítems
- Conclusiones
Leanpub incondicional, sin riesgo, 100% de felicidad garantizada
Durante los primeros 60 días de compra, puedes obtener un reembolso del 100% de cualquier compra Leanpub, en dos clics. Procesamos las restituciones manualmente, así que puede tomarse unos días en aparecer. Véase términos completos.
Gana $8 en una compra de $10 y $16 en una compra de $20
Pagamos 80% de regalías en compras de $7.99 o más y 80% de regalías menos una tarifa fija de 50 centavos en compras entre $0.99 y $7.98. Ganas $8 en una venta de $10 y $16 en una venta de $20. Entonces, si vendemos 5000 copias no reembolsadas de tu libro por $20, ganarás $80,000.
(Sí, algunos autores ya han ganado mucho más que eso en Leanpub.)
De hecho, los autores han ganadomás de 13 millones de dólares escribiendo, publicando y vendiendo en Leanpub.
Obtén más información sobre escribir en Leanpub
Actualizaciones gratis. Libre de DRM.
¡Si compras un libro Leanpub obtienes actualizaciones gratis siempre y cuando el autor actualice el libro! Varios autores usan Leanpub para publicar sus libros en progreso mientras los escriben. Todos los lectores obtienen actualizaciones gratis, independientemente de cuándo compraron el libro o cuánto pagaron (incluyendo si fue gratis).
La mayoría de los libros Leanpub se encuentran disponibles en PDF (para computadores) y EPUB (para teléfonos, tabletas, y Kindle). Los formatos que un libro incluye se muestran en la esquina superior derecha de esta página.
Finalmente, los libros Leanpub no tienen ninguna de las cosas sin sentido sobre protección de copia DRM, así que puedes leerlos fácilmente en cualquier dispositivo que se soporta.
Aprende más sobre los formatos de Leanpub y dónde puedes leerlos