Fazt OMG, luego de tu video de introduccion a React me he puesto a realizar ejercicios y justo ayer andaba toda truste porque no me quedaba una tablita y hoy como si leyeras mentes me apareces con esto, jaja ILY
Me parefe que esta bastabte completo.. yo casualmente hice uno para mis proyectos.. y pues diria que esta muy similar .. esta bien chulo .. graxias por compartir esta información
Genial, me hizo recuerdo a vuetify, ese componente de datatable me gusta mucho y pude replicarlo con tailwind y vue3 en shadcn, pero para react no pude porque no hay slots, aunq me di una idea de cómo hacerlo ahora, genial, gracias Fazt
Fazt, yo utilizo el datagrid de material , es muy completa la versión gratuita, tiene para hacer filtro, editar celdas, check box para elegir líneas, también tiene para personalizar caja de acciones, yo siempre lo utilizo en mis proyectos .
En esta parte si yo quiero enviar datos por ejemplo debun sensor, como podria hacer para que cada datos aparezca ordenadamente en una tabla y que a medida que se envien valores, la tabla no sea estatica, sino que se vaya actualizando la informacion???
Esta muy cool ... Pero tengo una pregunta como seria para cuando la.tabla tiene por ejemplo más de 100mil registros. Como se comportará la.funcion de ordenar o buscar
Genial..! Pero tengo una duda, como manejo este componente si debo mostrar miles y miles de datos? Veo que la paginacion o el ordenamiento lo hace en base a los datos ya cargados, pero en miles de registros no se cargará toda la data, como manejo la paginacion por ejemplo? Gracias Fazt
buen video fast, oye quiero hacerte una petición, podrias hacer un un vídeo de cómo mejorar el rendimiento en next js ya que ahora estoy aprendiendo Next js y la verdad lo encuentro demasiado lento,hice un modo oscuro para una sidebar guardando el estado en local storage y al recargar la página tarda al menos 4 segundos en volver al color que yo la tenía, esto no me pasa cuando trabajo con react con vite ,espero puedas, un saludo 😎
No se q sea.. Pero yo uso next y solo te digo q en modo dev es muy lento(al menos en mi pc) ya q compila cada cambio q haces... Pero si ya quieres ver tu web en modo despliegue, puedes hacer npm run build... Para q lo compile completamente.. Ahí si me va rapido
en nextj14 en tus page.tsx que siempre debe ser un server component debes forzar que la ruta sea statica o mas bien que lo renderize el servidor rrs, debes poner export const dynamic = 'force-static' . y cuando hagas cambios en la ruta, es decir se sube un registro en el server actions. debes usar el revalidatepath('productos'). si la pagina es muy dinamica asi como una pagia de posteos o comentarios usar el revalidate en 0 . export const revalidate =0 . es decir la pagina dinamica. que es lo mismo que poner dynamic = 'force-dynamic'. esta configuracion se ve reflejada en npm run build. no en npm run dev. en ambiente de desarrollo el sistema de cacheo no trabaja. o no trabaja bien. porque basicamente cuando haces el build el ssr hace las peticiones y los guarda en el cache para el ssr. en dev no.
Buen video Fazt. Estoy haciendolo con Nextjs, pero me da problemas aún así usando "use client". El problema habla sobre Hydration. ¿A alguien le ha pasado?
Los mejores 13 minutos invertidos de esta semana! gracias Fazt
Fazt OMG, luego de tu video de introduccion a React me he puesto a realizar ejercicios y justo ayer andaba toda truste porque no me quedaba una tablita y hoy como si leyeras mentes me apareces con esto, jaja ILY
Me parefe que esta bastabte completo.. yo casualmente hice uno para mis proyectos.. y pues diria que esta muy similar .. esta bien chulo .. graxias por compartir esta información
Genial, me hizo recuerdo a vuetify, ese componente de datatable me gusta mucho y pude replicarlo con tailwind y vue3 en shadcn, pero para react no pude porque no hay slots, aunq me di una idea de cómo hacerlo ahora, genial, gracias Fazt
Increible, parece más facil que el react table de los de react query :) gracias!
Que excelente, Gracias Fazt por enseñarnos este tipo de contenido util
brutal, es lo que necesito para mi backoffice. ❤
Fazt, yo utilizo el datagrid de material , es muy completa la versión gratuita, tiene para hacer filtro, editar celdas, check box para elegir líneas, también tiene para personalizar caja de acciones, yo siempre lo utilizo en mis proyectos .
super completo, muchs gracias!!!
Gran aporte Fazt
Excelente video! Podrías comentar Fazt OMG que extensiones usas para programar con React dentro de VSC?
excelente, nos puedes hacer un ejemplo como implementar material-react-table v2.
una pregunta si quiero dockerizar la app , que imagenes tengo que tener encuenta
Y yo peleando con tanka table.. genial gracias !
Se podrian personalizar , , ?... es decir pornerle estilos con tailwind, bootstrap etc ?... gracias que buen video !
Buenísmo. Ya lo he probado
En esta parte si yo quiero enviar datos por ejemplo debun sensor, como podria hacer para que cada datos aparezca ordenadamente en una tabla y que a medida que se envien valores, la tabla no sea estatica, sino que se vaya actualizando la informacion???
Se pueden agregar componentes a los campos de un row, me refiero a un botón para poder eliminar esa fila etc? Gracias
Esta muy cool ... Pero tengo una pregunta como seria para cuando la.tabla tiene por ejemplo más de 100mil registros. Como se comportará la.funcion de ordenar o buscar
Genial..! Pero tengo una duda, como manejo este componente si debo mostrar miles y miles de datos? Veo que la paginacion o el ordenamiento lo hace en base a los datos ya cargados, pero en miles de registros no se cargará toda la data, como manejo la paginacion por ejemplo? Gracias Fazt
Podrias hacer el mismo ejemplo consumiendo una api ?
como hago entonces para que en vez de agregar los datos en el codigo, se puedan agregar directamente en la tabla? osea en la pagina.
como le puedo añadir una imagen a la tabla y personalizarla, asi como las que salen en la miniatura?
Si yo quieto que el buscador me filtre por cualquier columna y no solo del nombre como seria ?
como se pueden mostrar los datos desde de un form ?
Uno con Material React Table, la estoy implementando, pero si tiene su nivel de complejidad jaja.
buen video fast, oye quiero hacerte una petición, podrias hacer un un vídeo de cómo mejorar el rendimiento en next js ya que ahora estoy aprendiendo Next js y la verdad lo encuentro demasiado lento,hice un modo oscuro para una sidebar guardando el estado en local storage y al recargar la página tarda al menos 4 segundos en volver al color que yo la tenía, esto no me pasa cuando trabajo con react con vite ,espero puedas, un saludo 😎
No se q sea.. Pero yo uso next y solo te digo q en modo dev es muy lento(al menos en mi pc) ya q compila cada cambio q haces... Pero si ya quieres ver tu web en modo despliegue, puedes hacer npm run build... Para q lo compile completamente.. Ahí si me va rapido
en nextj14 en tus page.tsx que siempre debe ser un server component debes forzar que la ruta sea statica o mas bien que lo renderize el servidor rrs, debes poner export const dynamic = 'force-static' . y cuando hagas cambios en la ruta, es decir se sube un registro en el server actions. debes usar el revalidatepath('productos'). si la pagina es muy dinamica asi como una pagia de posteos o comentarios usar el revalidate en 0 . export const revalidate =0 . es decir la pagina dinamica. que es lo mismo que poner dynamic = 'force-dynamic'. esta configuracion se ve reflejada en npm run build. no en npm run dev. en ambiente de desarrollo el sistema de cacheo no trabaja. o no trabaja bien. porque basicamente cuando haces el build el ssr hace las peticiones y los guarda en el cache para el ssr. en dev no.
Buen video Fazt. Estoy haciendolo con Nextjs, pero me da problemas aún así usando "use client". El problema habla sobre Hydration. ¿A alguien le ha pasado?
Cual es el nombre del Theme de VS Code que estas usando?
Este es Tokyo night dark
@@FaztCode gracias!!
Y LUEGO TE PREGUNTAS QUE PORQUE TE AMO TILIN
¡¡¡Gracias obvio que la usare!!! ☜(ﾟヮﾟ☜)