05 - Métodos mágicos y modales - Aprende Laravel Livewire desde cero

Поделиться
HTML-код
  • Опубликовано: 27 мар 2021
  • Aquí, aprenderás a utilizar los métodos mágicos de Livewire para simplificar tu código y cómo integrar modales en tus componentes de Livewire.
    ------------------------------------------------------------------------------------------------
    CURSOS
    🔴 Facturacion electronica Perú: youtube.codersfree.com/larave...
    🟠 Laravel avanzado: youtube.codersfree.com/larave...
    🟢 Ecommerce: youtube.codersfree.com/ecommerce
    🔵 Api: youtube.codersfree.com/api-re...
    🟠 Plataforma de cursos: youtube.codersfree.com/plataf...
    🔴 Vue e Ineria: youtube.codersfree.com/vue-3-...
    🟣 Eloquent Avanzado: youtube.codersfree.com/eloque...
    🟡 Pasarela de pagos: youtube.codersfree.com/pasare...
    ⚫ Laravel Web Socket: youtube.codersfree.com/larave...
    🟣 Notificaciones: youtube.codersfree.com/notifi...
    🟢 Laravel Excel: youtube.codersfree.com/larave...
    🔵 Digital Ocean: youtube.codersfree.com/despli...
    🟡 Laravel Voyager: youtube.codersfree.com/larave...
    🟣 Datatable Livewire: youtube.codersfree.com/datata...
    🟠 Tenancy for Laravel: youtube.codersfree.com/multi-...
    🔵 TDD Laravel: youtube.codersfree.com/tdd-la...
    ⚫ Traducir páginas: youtube.codersfree.com/traduc...
    🟠 Wire UI: youtube.codersfree.com/livewi...
    🔴 Acortador de links: youtube.codersfree.com/acorta...
    🟡 Banhammer for laravel: youtube.codersfree.com/banham...
    🟢 Laravel backup: youtube.codersfree.com/larave...
    🔵 Actualizar a Laravel 10: youtube.codersfree.com/actual...
    -----------------------------------------------------------------------
    DONACIONES
    Patreon: / codersfree
    PayPal: www.paypal.com/paypalme/Coder...
    ------------------------------------------------------------------------------------------------
    Grupo Facebook: / 4314830498588670
    Plataforma: codersfree.com/
  • НаукаНаука

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

  • @binaryfab
    @binaryfab 3 года назад

    Excelente, gran curso, esperando los siguientes... Gracias por compartir

  • @kathleenbucarito8756
    @kathleenbucarito8756 3 года назад +1

    Gracias, eres pro.
    Te sigo desde hace un tiempo.
    Sigue adelante.
    ¡¡¡¡Esperaba este video específicamente!!!!
    Pronto contribuiré a tu canal.👏❤️

  • @omartrevi
    @omartrevi 3 года назад

    Wow, excelente, muchísimas gracias Víctor Arana, y el micrófono super claro ehh.

  • @mxtec
    @mxtec 3 года назад +5

    Buen día con todos, gracias por el aporte Victor, solo una observación con la que me encontré. Para que funcione el crear nuevo post, se debe de cambiar en el modelo Post.php, la linea protected $filltable = ['title','content']; por protected $guarded = [];

  • @angelhdz6554
    @angelhdz6554 3 года назад

    justo lo que estaba buscando 👍

  • @richardaguirre5447
    @richardaguirre5447 2 года назад +3

    A los que no se les cierra la ventana modal desde el boton Cancelar
    prueben con el false sin comillas simples

  • @macasino19
    @macasino19 2 года назад

    excelente video idolo

  • @humbertotovar4905
    @humbertotovar4905 3 года назад

    EXCELENTE

  • @niobeldelpozonistal4385
    @niobeldelpozonistal4385 3 года назад +4

    Hola Víctor, genial tus cursos se aprende mucho con ellos. Déjame hacerte una pregunta, tienes pensado en algún video tocar el tema de turbolinks para hacer SPA con livewire?

    • @tirsolecointere
      @tirsolecointere 3 года назад +1

      Este tema es interesante, llevo esperandolo desde hace tiempo!

  • @kose25
    @kose25 3 года назад

    Para actualizar el componente de la tabla se usa los eventos de livewire?

  • @riverovicente9554
    @riverovicente9554 3 года назад

    Que ruta de aprendizaje llevaste para aprender las tecnologías suficientes para saber un poco de todo?

  • @pedros.s.7045
    @pedros.s.7045 3 года назад

    Muy bueno como siempre Victor, pero cuando seleccionas imagen y le das a cancelar no resetea nada, yo he creado el evento close donde se resetea todo y se lanza un mensaje de post candelado, pero si hago clic en la zona gris, me cierra el modal pero no me pasa por el metodo close, ¿como se puede hacer?, gracias

  • @alexhizjimenez260
    @alexhizjimenez260 3 года назад +1

    lo tengo igual que tu, pero el model se abre luego luego y ya lo tengo en false!

  • @JulioSanchez-hd3on
    @JulioSanchez-hd3on 2 года назад +3

    Amigo, sería bueno ver un CRUD usando los modales en Adminlte

  • @riverovicente9554
    @riverovicente9554 3 года назад +2

    Bro que estudiaste para saber tanto?

  • @riverovicente9554
    @riverovicente9554 3 года назад

    Hace cuánto que terminaste la carrera?

  • @hugoscenes7449
    @hugoscenes7449 3 года назад

    Hola tengo el siguiente error a la hora de compilar el form.css
    ERROR in ./resources/css/app.css
    Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
    ModuleBuildError: Module build failed (from ./node_modules/postcss-loader/dist/cjs.js):
    Error: Expected a pseudo-class or pseudo-element.
    at C:\xampp\htdocs\livewire
    esources\css\form.css:2:5
    at Root._error (C:\xampp\htdocs\livewire
    ode_modules\postcss-selector-parser\dist\parser.js:174:16)
    at Root.error (C:\xampp\htdocs\livewire
    ode_modules\postcss-selector-parser\dist\selectors
    oot.js:43:19)
    at Parser.error (C:\xampp\htdocs\livewire
    ode_modules\postcss-selector-parser\dist\parser.js:740:21)
    at Parser.expected (C:\xampp\htdocs\livewire
    ode_modules\postcss-selector-parser\dist\parser.js:1129:19)
    at Parser.pseudo (C:\xampp\htdocs\livewire
    ode_modules\postcss-selector-parser\dist\parser.js:875:19)
    at Parser.parse (C:\xampp\htdocs\livewire
    ode_modules\postcss-selector-parser\dist\parser.js:1080:14)
    at Parser.loop (C:\xampp\htdocs\livewire
    ode_modules\postcss-selector-parser\dist\parser.js:1039:12)
    at new Parser (C:\xampp\htdocs\livewire
    ode_modules\postcss-selector-parser\dist\parser.js:164:10)
    at Processor._root (C:\xampp\htdocs\livewire
    ode_modules\postcss-selector-parser\dist\processor.js:53:18)
    at Processor._runSync (C:\xampp\htdocs\livewire
    ode_modules\postcss-selector-parser\dist\processor.js:100:21)
    at processResult (C:\xampp\htdocs\livewire
    ode_modules\webpack\lib\NormalModule.js:701:19)
    at C:\xampp\htdocs\livewire
    ode_modules\webpack\lib\NormalModule.js:807:5
    at C:\xampp\htdocs\livewire
    ode_modules\loader-runner\lib\LoaderRunner.js:399:11
    at C:\xampp\htdocs\livewire
    ode_modules\loader-runner\lib\LoaderRunner.js:251:18
    at context.callback (C:\xampp\htdocs\livewire
    ode_modules\loader-runner\lib\LoaderRunner.js:124:13)
    at Object.loader (C:\xampp\htdocs\livewire
    ode_modules\postcss-loader\dist\index.js:142:7)
    1 ERROR in child compilations (Use 'stats.children: true' resp. '--stats-children' for more details)
    webpack compiled with 2 errors
    npm ERR! code 1
    npm ERR! path C:\xampp\htdocs\livewire
    npm ERR! command failed
    npm ERR! command C:\Windows\system32\cmd.exe /d /s /c "webpack "--progress" "--config=node_modules\laravel-mix\setup\webpack.config.js""
    npm ERR! A complete log of this run can be found in:
    npm ERR! C:\Users\hugoe\AppData\Local
    pm-cache\_logs\2021-06-21T23_32_10_849Z-debug.log
    npm ERR! code 1
    npm ERR! path C:\xampp\htdocs\livewire
    PS C:\xampp\htdocs\livewire> npm run dev
    > dev
    > npm run development
    > development
    > mix
    × Mix
    Compiled with some errors in 15.58s
    ERROR in ./resources/css/app.css
    Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
    ModuleBuildError: Module build failed (from ./node_modules/postcss-loader/dist/cjs.js):
    Error: Expected a pseudo-class or pseudo-element.
    at C:\xampp\htdocs\livewire
    esources\css\form.css:2:5
    at Root._error (C:\xampp\htdocs\livewire
    ode_modules\postcss-selector-parser\dist\parser.js:174:16)
    at Root.error (C:\xampp\htdocs\livewire
    ode_modules\postcss-selector-parser\dist\selectors
    oot.js:43:19)
    at Parser.error (C:\xampp\htdocs\livewire
    ode_modules\postcss-selector-parser\dist\parser.js:740:21)
    at Parser.expected (C:\xampp\htdocs\livewire
    ode_modules\postcss-selector-parser\dist\parser.js:1129:19)
    at Parser.pseudo (C:\xampp\htdocs\livewire
    ode_modules\postcss-selector-parser\dist\parser.js:875:19)
    at Parser.parse (C:\xampp\htdocs\livewire
    ode_modules\postcss-selector-parser\dist\parser.js:1080:14)
    at Parser.loop (C:\xampp\htdocs\livewire
    ode_modules\postcss-selector-parser\dist\parser.js:1039:12)
    at new Parser (C:\xampp\htdocs\livewire
    ode_modules\postcss-selector-parser\dist\parser.js:164:10)
    at Processor._root (C:\xampp\htdocs\livewire
    ode_modules\postcss-selector-parser\dist\processor.js:53:18)
    at Processor._runSync (C:\xampp\htdocs\livewire
    ode_modules\postcss-selector-parser\dist\processor.js:100:21)
    at processResult (C:\xampp\htdocs\livewire
    ode_modules\webpack\lib\NormalModule.js:701:19)
    at C:\xampp\htdocs\livewire
    ode_modules\webpack\lib\NormalModule.js:807:5
    at C:\xampp\htdocs\livewire
    ode_modules\loader-runner\lib\LoaderRunner.js:399:11
    at C:\xampp\htdocs\livewire
    ode_modules\loader-runner\lib\LoaderRunner.js:251:18
    at context.callback (C:\xampp\htdocs\livewire
    ode_modules\loader-runner\lib\LoaderRunner.js:124:13)
    at Object.loader (C:\xampp\htdocs\livewire
    ode_modules\postcss-loader\dist\index.js:142:7)
    1 ERROR in child compilations (Use 'stats.children: true' resp. '--stats-children' for more details)
    webpack compiled with 2 errors
    npm ERR! code 1
    npm ERR! path C:\xampp\htdocs\livewire
    npm ERR! command failed
    npm ERR! command C:\Windows\system32\cmd.exe /d /s /c "webpack "--progress" "--config=node_modules\laravel-mix\setup\webpack.config.js""
    npm ERR! A complete log of this run can be found in:
    npm ERR! C:\Users\hugoe\AppData\Local
    pm-cache\_logs\2021-06-21T23_41_43_469Z-debug.log
    npm ERR! code 1
    npm ERR! path C:\xampp\htdocs\livewire
    npm ERR! command C:\Windows\system32\cmd.exe /d /s /c "mix"
    npm ERR! A complete log of this run can be found in:
    npm ERR! C:\Users\hugoe\AppData\Local
    pm-cache\_logs\2021-06-21T23_41_43_827Z-debug.log
    npm ERR! code 1
    npm ERR! path C:\xampp\htdocs\livewire
    npm ERR! command failed
    npm ERR! command C:\Windows\system32\cmd.exe /d /s /c "npm run development"
    npm ERR! A complete log of this run can be found in:
    npm ERR! C:\Users\hugoe\AppData\Local
    pm-cache\_logs\2021-06-21T23_41_44_661Z-debug.log
    PS C:\xampp\htdocs\livewire> npm run dev
    > dev
    > npm run development
    > development
    > mix
    × Mix
    Compiled with some errors in 15.02s
    ERROR in ./resources/css/app.css
    Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
    ModuleBuildError: Module build failed (from ./node_modules/postcss-loader/dist/cjs.js):
    Error: Expected a pseudo-class or pseudo-element.
    at C:\xampp\htdocs\livewire
    esources\css\form.css:2:5
    at Root._error (C:\xampp\htdocs\livewire
    ode_modules\postcss-selector-parser\dist\parser.js:174:16)
    at Root.error (C:\xampp\htdocs\livewire
    ode_modules\postcss-selector-parser\dist\selectors
    oot.js:43:19)
    at Parser.error (C:\xampp\htdocs\livewire
    ode_modules\postcss-selector-parser\dist\parser.js:740:21)
    at Parser.expected (C:\xampp\htdocs\livewire
    ode_modules\postcss-selector-parser\dist\parser.js:1129:19)
    at Parser.pseudo (C:\xampp\htdocs\livewire
    ode_modules\postcss-selector-parser\dist\parser.js:875:19)
    at Parser.parse (C:\xampp\htdocs\livewire
    ode_modules\postcss-selector-parser\dist\parser.js:1080:14)
    at Parser.loop (C:\xampp\htdocs\livewire
    ode_modules\postcss-selector-parser\dist\parser.js:1039:12)
    at new Parser (C:\xampp\htdocs\livewire
    ode_modules\postcss-selector-parser\dist\parser.js:164:10)
    at Processor._root (C:\xampp\htdocs\livewire
    ode_modules\postcss-selector-parser\dist\processor.js:53:18)
    at Processor._runSync (C:\xampp\htdocs\livewire
    ode_modules\postcss-selector-parser\dist\processor.js:100:21)
    at processResult (C:\xampp\htdocs\livewire
    ode_modules\webpack\lib\NormalModule.js:701:19)
    at C:\xampp\htdocs\livewire
    ode_modules\webpack\lib\NormalModule.js:807:5
    at C:\xampp\htdocs\livewire
    ode_modules\loader-runner\lib\LoaderRunner.js:399:11
    at C:\xampp\htdocs\livewire
    ode_modules\loader-runner\lib\LoaderRunner.js:251:18
    at context.callback (C:\xampp\htdocs\livewire
    ode_modules\loader-runner\lib\LoaderRunner.js:124:13)
    at Object.loader (C:\xampp\htdocs\livewire
    ode_modules\postcss-loader\dist\index.js:142:7)
    1 ERROR in child compilations (Use 'stats.children: true' resp. '--stats-children' for more details)
    webpack compiled with 2 errors
    npm ERR! code 1
    npm ERR! path C:\xampp\htdocs\livewire
    npm ERR! command failed
    npm ERR! command C:\Windows\system32\cmd.exe /d /s /c "webpack "--progress" "--config=node_modules\laravel-mix\setup\webpack.config.js""
    npm ERR! A complete log of this run can be found in:
    npm ERR! C:\Users\hugoe\AppData\Local
    pm-cache\_logs\2021-06-21T23_44_21_606Z-debug.log
    npm ERR! code 1
    npm ERR! path C:\xampp\htdocs\livewire
    npm ERR! command C:\Windows\system32\cmd.exe /d /s /c "mix"
    npm ERR! A complete log of this run can be found in:
    npm ERR! C:\Users\hugoe\AppData\Local
    pm-cache\_logs\2021-06-21T23_44_21_903Z-debug.log
    npm ERR! code 1
    npm ERR! path C:\xampp\htdocs\livewire
    npm ERR! command failed
    npm ERR! command C:\Windows\system32\cmd.exe /d /s /c "npm run development"
    npm ERR! A complete log of this run can be found in:
    npm ERR! C:\Users\hugoe\AppData\Local
    pm-cache\_logs\2021-06-21T23_44_22_077Z-debug.log
    PS C:\xampp\htdocs\livewire> npm run dev
    > dev
    > npm run development
    > development
    > mix
    × Mix
    Compiled with some errors in 14.85s
    ERROR in ./resources/css/app.css
    Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
    ModuleBuildError: Module build failed (from ./node_modules/postcss-loader/dist/cjs.js):
    Error: Expected a pseudo-class or pseudo-element.
    at C:\xampp\htdocs\livewire
    esources\css\form.css:2:5
    at Root._error (C:\xampp\htdocs\livewire
    ode_modules\postcss-selector-parser\dist\parser.js:174:16)
    at Root.error (C:\xampp\htdocs\livewire
    ode_modules\postcss-selector-parser\dist\selectors
    oot.js:43:19)

  • @ChiquiSistemas
    @ChiquiSistemas 9 месяцев назад

    Bueno, creo que hasta aqui llegué, al momento de colocar los slots de title, content y footer me marca un error y no me muestra reactividad al darle click en el buton para abrir la modal, alguna idea? alguien? PD. estoy usando livewire3, ya cambie muchas cosas para adaptarlo a la versión 3 y me había funcionado hasta el momento, pero me marca un error de Uncaught ReferenceError: show is not defined y supuestamente ya se debió haber corregido, pero nada.

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

    A los que no les funcionó la parte de importar el estilo del text area lo que deben hacer es importar el archivo form.css en app.css en la primera linea, antes de todo

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

    Saludos Victor, excelente curso amigo, Pero tengo un problema al abrir el modal... si me abre pero la ventana interna del modal aparece detras del fondo gris... Me podrias ayudar, pòr favor estoy parado alli. Gracias.

  • @yepeskilla
    @yepeskilla 3 года назад

    El componente de modal en admin lteno me funciona, lo pruebo en el dashboard de livewire y perfecto.... Alguna idea?

    • @AyudasBasiqas
      @AyudasBasiqas 3 года назад

      En admin lte maneja Bootstrap, usar un componente de jetstream con estructura de tailwind causaría conflicto, para ese caso creo que deberías crear tu propio componente basado en Bootstrap y sincronizarlo con el controlador de livewire

    • @yepeskilla
      @yepeskilla 3 года назад

      @@AyudasBasiqas Excelente muchas gracias por tu respuesta, toca de esta forma

  • @89CARLUIS
    @89CARLUIS Год назад

    Tengo esta duda, AL USAR LIVEWIRE NO ES NECESARIO MANDAR EL TOKEN CSRF MANUALMENTE? si alguien me puede indicar se lo agradeceria, de antemano muchas gracias

    • @89CARLUIS
      @89CARLUIS Год назад

      Yo mismo encontre esta respuesta, por si alguien tambien tiene esta duda:
      Livewire proporciona automáticamente la protección CSRF para las solicitudes de Livewire sin necesidad de incluir manualmente el token CSRF en el formulario o en las solicitudes Ajax.
      Cuando se utiliza Livewire, todas las solicitudes de Livewire se envían mediante JavaScript utilizando una solicitud POST con un encabezado X-CSRF-TOKEN. Livewire utiliza el mismo token CSRF que se incluye automáticamente en todos los formularios Blade generados en la aplicación.
      Esto significa que cuando utilizas Livewire, no es necesario preocuparse por la protección CSRF en tus componentes de Livewire, ya que Livewire maneja automáticamente esta protección en las solicitudes POST.
      En Livewire, todas las interacciones del usuario se envían mediante solicitudes POST por defecto. Esto significa que cada vez que se produce una interacción del usuario, se envía una solicitud POST al servidor para actualizar el componente de Livewire correspondiente.

  • @ramflores00
    @ramflores00 2 года назад +2

    Hola, tengo livewire funcionando muy bien, pero al querer hacer este ejemplo con dialog-modal, no se abre, pero tampoco marca algun error

    • @sorayajose1312
      @sorayajose1312 2 года назад

      Me sucede igual, estoy buscando información por todos lados y no consigo que se vea el modal, alguien tiene alguna sugerencia?

    • @albertoleon4514
      @albertoleon4514 2 года назад

      tambien tengo el problema

    • @elvarelense
      @elvarelense 2 года назад

      Si, ramiro, me estanque en esa parte todo un dia revisando si habia puesto algo mal, volviendo a tras y reescribiendo y nada, parace que no le da bola a como setees la declaracion de open. Al decidirme a continuar a pesar de todo se me arreglo al poner "set("open", true)" en el boton. Ni idea porque pero funcionó. con el valor de open seteado a false, claro

    • @armandoperezgarcia3195
      @armandoperezgarcia3195 2 года назад +1

      en el componente no esta funcionan $watch dentro del x-init si lo elimino si funciona el modal

  • @cesar2297
    @cesar2297 3 года назад +4

    hola , ninguna wire:model que implemente me funciona, no envia los datos a la clase , nisiquiera se reenderiza lo q escribo ,ayuda por favor
    EDIT: la SOLUCION es ir a al archivo vendor\livewire\ config\livewire.php , en este deben buscar 'asset_url' y asignarle el valor de APP_URL (archivo.env), asegurense de eliminar el ultimo " / "

    • @alexpachas7700
      @alexpachas7700 3 года назад

      Creaste el componente livewire? con el comando php artisan make:livewire nombredelcomponente ?

    • @cesar2297
      @cesar2297 3 года назад

      @@alexpachas7700 si lo hice , trate de implementarlo en otro proyecto y aun asi nada

    • @alexpachas7700
      @alexpachas7700 3 года назад

      Estas con la plantilla AdminLTE? en tu archivo de rutas, incluiste al componente Livewire como tu controlador?

    • @cesar2297
      @cesar2297 3 года назад

      el componente de Livewire no lo integre a las rutas , no creo que ese sea el problema , no tengo problemas en pasar datos desde el componente livewire a la vista , pero en la parte de wire:model ='search' , no envia el dato al componente

    • @alexpachas7700
      @alexpachas7700 3 года назад

      @@cesar2297 Precisamente ese es el problema, el componente de Livewire debe hacer de controlador para poder renderizar los cambios que se hagan, eso explica el por que no te funciona search.

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

    No se si me estoy adelantando, pero no me parece muy seguro el hecho de no tener que validar el request, el metodo y Csrf token, además no poder usar los beneficios de la clase Request, (como por ejemplo $request->filled() o usar un $model->fill( $request->all() )) que ahorrraria demasiada escritura de código

    • @89CARLUIS
      @89CARLUIS Год назад +2

      respondiendo tu pregunta sobre el metodo y el Csrf, tambien tuve esa duda y encontre esta respuesta: Livewire proporciona automáticamente la protección CSRF para las solicitudes de Livewire sin necesidad de incluir manualmente el token CSRF en el formulario o en las solicitudes Ajax.
      Cuando se utiliza Livewire, todas las solicitudes de Livewire se envían mediante JavaScript utilizando una solicitud POST con un encabezado X-CSRF-TOKEN. Livewire utiliza el mismo token CSRF que se incluye automáticamente en todos los formularios Blade generados en la aplicación.
      Esto significa que cuando utilizas Livewire, no es necesario preocuparse por la protección CSRF en tus componentes de Livewire, ya que Livewire maneja automáticamente esta protección en las solicitudes POST.
      En Livewire, todas las interacciones del usuario se envían mediante solicitudes POST por defecto. Esto significa que cada vez que se produce una interacción del usuario, se envía una solicitud POST al servidor para actualizar el componente de Livewire correspondiente.

  • @beonzj3612
    @beonzj3612 2 года назад

    Hola seguí al pie de la letra y en el minuto 7:36 el método $set() no me hace nada, cree un método aparte para ver si mostraba la modal así y tampoco, alguien sabe por qué ocurre esto? Es como si no funcionara el botón para nada

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

      a mi no se me muestra el modal. .🥲

    • @ChiquiSistemas
      @ChiquiSistemas 9 месяцев назад

      @@nataliegomez480 alguien pudo resolverlo? tengo el mismo problema

  • @erik_lopez_
    @erik_lopez_ 2 года назад

    Una pregunta, AL USAR LIVEWIRE NO ES NECESARIO MANDAR EL TOKEN CSRF MANUALMENTE?

    • @89CARLUIS
      @89CARLUIS Год назад

      tambien tengo esa duda, compañero pudiste averiguar algo ?

    • @89CARLUIS
      @89CARLUIS Год назад

      Livewire proporciona automáticamente la protección CSRF para las solicitudes de Livewire sin necesidad de incluir manualmente el token CSRF en el formulario o en las solicitudes Ajax.
      Cuando se utiliza Livewire, todas las solicitudes de Livewire se envían mediante JavaScript utilizando una solicitud POST con un encabezado X-CSRF-TOKEN. Livewire utiliza el mismo token CSRF que se incluye automáticamente en todos los formularios Blade generados en la aplicación.
      Esto significa que cuando utilizas Livewire, no es necesario preocuparse por la protección CSRF en tus componentes de Livewire, ya que Livewire maneja automáticamente esta protección en las solicitudes POST.
      En Livewire, todas las interacciones del usuario se envían mediante solicitudes POST por defecto. Esto significa que cada vez que se produce una interacción del usuario, se envía una solicitud POST al servidor para actualizar el componente de Livewire correspondiente.

  • @aztecsavo82
    @aztecsavo82 3 года назад +2

    Hola que tal
    Seguí tal cual el vídeo 12:34 pero al momento de compilar mi archivo form.css con el comando 'npm run dev' obtengo el error:
    "Error: Expected a pseudo-class or pseudo-element."
    Estaba leyendo que al parecer es la configuracion de la validación de mi css en VS Code estare buscando mas info para solucionarlo, si alguien tiene alguna otra solución agradecería de antemano su amable ayuda.
    Muy buenos vídeos
    Saludos!!!

    • @lucasyamamoto1061
      @lucasyamamoto1061 3 года назад

      A mi tmb me surgió un error al momento de correr el compilador, cargue momentáneamente las clases de text area para poder seguir adelante. Tal vez no sea la solución definitiva pero me permitió seguir con la capacitación. Si encontrás la solución no te olvides de mi, si la encuentro volveré por aquí. Slds

    • @hugoscenes7449
      @hugoscenes7449 3 года назад

      @@lucasyamamoto1061 lo lograste resolver, tengo el mismo error?

    • @latlov
      @latlov 3 года назад

      11:33 - 11:53 A mí el error que me salió fue:
      The `focus:` class does not exist. If `focus:` is a custom class, make sure it is defined within a `@layer` directive.
      Y me apuntaba a la directiva @apply
      1 | .form-control {
      > 2 | @apply border-gray-300 focus: border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 rounded-md shadow-sm;
      | ^
      3 | }
      Parece que este error no tiene nada que ver con el editor de texto ya que me salía lo mismo tanto en VSCode como en PhpStorm.
      Buscando por Internet, encontré la solución directamente del creador de Tailwind en este hilo en GitHub:
      github.com/tailwindlabs/tailwindcss/issues/53#issuecomment-341413622
      Lo uqe tuve que hacer, fue crear una carpeta "sass" dentro de la carpeta "resources" y ahí creé dos archivos: app.scss y form.css.
      Más info googleen: "Cómo instalar fontawesome en Laravel 8 Jetstream"
      No sé cómo rayos sí les ha funcionado a los demás tal cual siguiendo el video, jaja.

    • @joshuelaborde2794
      @joshuelaborde2794 2 года назад

      @@latlov En el app.scss llamaste al form.css?

    • @latlov
      @latlov 2 года назад +1

      @@joshuelaborde2794 Sí.
      Entonces, dentro de la nueva carpeta "sass" (que creé dentro de la carpeta "resources") tengo los dos archivos
      "app.scss" y
      "form.css"
      y dentro de "app.scss" mando a llamar al "form.css", entonces, el contenido de "app.scss" es:
      ---------------------------
      @import '~@fortawesome/fontawesome-free/scss/fontawesome';
      @import '~@fortawesome/fontawesome-free/scss/regular';
      @import '~@fortawesome/fontawesome-free/scss/solid';
      @import '~@fortawesome/fontawesome-free/scss/brands';
      @import "form.css";
      ---------------------------

  • @joseapodaca612
    @joseapodaca612 2 года назад

    a alguien le da este error al cerrar el modal con el boton cancelar
    Property [$open] not found on component: [show-posts]

    • @89CARLUIS
      @89CARLUIS Год назад

      Este error ocurre porque estas colocando el modal por fuera del div principal recuerda que todo debe estar dentro de un div padre, lo solucione colocando el modal dentro del div

      {{-- Boton para abrir el modal, cambia la propieda open a true --}}

      Crear Nuevo Post

      {{-- Modal oculto ya que la propiedad open esta en false desde el componente --}}


      Crear Nuevo Post













      Cancelar


      crear Post

    • @ChiquiSistemas
      @ChiquiSistemas 9 месяцев назад

      yo tengo problemas que ni siquiera se abre la modal

  • @manuelfeliperiveraossa5879
    @manuelfeliperiveraossa5879 3 года назад +1

    bro no era mejor que les explicaras con Bootstrap y datatable, pero de resto explicas muy genial deberias hacer uno con esos dos

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

      La idea de Livewire es crear experiencia SPA sin necesidad de escribir JS o VUE, por ello no explica desde datatable, y las nuevas tecnologias están optando por TailwindCss en su mayoria, por ende es recomendable aprenderlo

  • @roquetf0788
    @roquetf0788 3 года назад

    Livewire es genial la neta con poco codigo haces tremendas cosas pero le hace falta mucho rendimiento, de la impresion de que es lento

    • @erik_lopez_
      @erik_lopez_ 2 года назад

      Eso depende de que tan rápida sea tu computadora

  • @programoepicamente2820
    @programoepicamente2820 11 месяцев назад

    asdas

  • @JesusSanchez-fb5dq
    @JesusSanchez-fb5dq Год назад

    que tal VIctor, oye estoy siguiendo tu curso, pero en la parte del modal no sale, aunque ponga la variable $open en true no se ejecuta el modal, y en las respuestas de red me sale esto (Asíncrono: EventListener.handleEvent) sabes porque sucede ?