Adquiere este curso para tener acceso a todas las lecciones
Comprar curso11. Agregar nuevos contactos
En este capítulo, se explicará cómo agregar nuevos contactos a la lista de contactos de la aplicación de chat. Se mostrará cómo crear el formulario de registro y cómo guardar los datos en la base de datos.
https://flowbite.com/docs/getting-started/quickstart/
https://mambaui.com/components
https://merakiui.com/components/
https://www.tailwind-kit.com/components
https://kitwind.io/products/kometa/components
8 comentarios
Inicia sesión para comentar
Comentarios:
-
Victor Arana Flores hace 1 año Destacado
Hola comunidad, en Laravel 10, ya no se necesita publicar las vistas de Jestream, ya que todos los componentes de Jetstream ya vienen publicados y se encuentran ahora en la carpeta resources/views/components
Así mismo, para acceder a estos componentes, ya no se necesita anteponerle la palabra jet al nombre de componente como lo hacíamos en las versiones anteriores, por ejemplo<x-jet-button></x-jet-button>
Ahora accederemos a estos componentes como accedemos a cualquier otro componente:
<x-button></x-button>
Espero que esta actualizacion les sirva.
-
Fian Diaz hace 1 año
al intentar instalar jetstream-views , me sale No publishable resources for tag [jetstream-views] , como se soluciona xp
-
Victor Arana Flores hace 1 año
Hola Fian, deje la respuesta como comentario fijado en esta lección.
-
-
René Merlo hace 1 año
Hola, quisiera plantear dos temas que no funcionan de acuerdo a los videos, el primero es que en la instalación que se realiza del proyecto, por alguna razón, no aparece la carpeta lang y en función de ello, no he podido actualizar la aplicación a español. En segundo lugar, al hacer la publicación de los componentes jet, tampoco está funcionando generando el siguiente error: INFO No publishable resources for tag [jetstream-views]. Por favor, necesitaría ver como resolver ambos temas. Desde ya, muchas gracias, saludos y felicitaciones por el curso.
-
Victor Arana Flores hace 1 año
Hola Rene. Con respecto a la carpeta Lang, te comento que la solución lo he dejado como comentarui fijado en el siguiente enlace: https://codersfree.com/courses-status/aprende-a-crear-una-aplicacion-de-chat-con-laravel-y-laravel-web-socket/como-traducir-laravel-al-espanol
Con respecto a tu pregunta de componentes, comentarte que ya no se necesita publicar dichos componentes, ya que los componentes ya se encuentran publicados en la carpeta resources/viers/componentes
Como ahora los componentes se encuentran dentro de la carpeta components, para acceder a ellos ya no se hará de esta manera <x-jet-button></x-jet-button> sino que ahora simplemente accederemos a estos componentes colocando la letra x, seguido del nombre del componete, así: <x-button></x-button>
-
-
Leonardo León hace 2 años
Buenas noches, primeramente gracias por tan excelente material. Respecto al problema del:
Your css loader plugin attempts to follow the @import where its not at the top of (first lines of) the css file. @import statements must precede all other statements (besides @charset)…
Por lo que veo ocurre debido a que el loader busca primero a los @import y estos deben preceder a cualquier otra declaración. En mi caso coloqué el @import en la primera linea y funcionó nuevamente con normalidad, saludos.
-
Victor Arana Flores hace 2 años
Hola Leonardo, es tal y como lo mencionas.
Cuando se trabajaba con Laravel Mix, no había problemas si lo ponía abajo, pero con vite, debo poner los import siempre al principio.
-
-
Angel Lopez Ruiz hace 2 años
Hola Victor, con mucho respeto y admiracion por tu talento y capacidad en lo que haces , seria bueno y muchisimo mejor para nosotros tus seguidores que te seguimos desde udemy, que esos pequeños detalles de cambios en las versiones , le hagas un pequeño corte al video, y actualices solo esa parte, veo que es una practica muy buena ya que muy pocos instructores lo hacen, pero por esos pequeños detallitos se gana la fidelidad de miles de seguidores.
-
Victor Arana Flores hace 2 años
Hola Angel. De hecho estoy haciendo eso con todos mis cursos. Solo que son muchos videos, y a veces se me pasa alguno.
Pero de todas maneras voy a revisar este curso nuevamente, y si me falto alguno voy a hacer la actualizacion del caso :D
-
-
Jhalmar Ramos hace 2 años
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
2 | @tailwind components;
3 | @tailwind utilities;
4 | @import 'components.css';
| ^tengo esta novedad no me trae mis propios estilos
-
Victor Arana Flores hace 2 años
Hola Jhalmar, ahora laravel trabaja con vite, y para que puedas ver los estilos que usas, tienes que ejecutar npm run dev. Te comparto este video
-
Felipe Moreno Durán hace 2 años
No funciono :(
-
-
Sergio Ariel A. Mondino hace 2 años
Solucion : No colocar nada en -→ resources\css\app.css
en el Archivo resources\js\app.js, se debe agregar
import '../css/components.css'
Queda algo así:
import './bootstrap';
import '../css/components.css'
import Alpine from 'alpinejs';
window.Alpine = Alpine;
Alpine.start();
A Mi, me funciona. Gracias
-
Sergio Ariel A. Mondino hace 2 años
Hola, disculpa, en Mi Archivo → resources\css\app.css tengo
@tailwind base;
@tailwind components;
@tailwind utilities;
@import "components.css";
Claro está que el Import que Tu Dices que hay que colocar en el Video – 11. Agregar nuevos contactos – 11:50
Mi Version Laravel v9.20.0 (PHP v8.1.4)
El Error :
[vite:css] @import must precede all other statements (besides @charset or empty @layer)
2 | @tailwind components;
3 | @tailwind utilities;
4 |
| ^
5 | @import "./components.css";
6 | (x2)-
Victor Arana Flores hace 2 años
Hola Sergio, por favor formula mejor tu pregunta
-