Excelente explicación y extraordinaria forma de transmitir tus conocimientos, yo no conozco a ningun otro youtuber que tenga esta habilidad de enseñar y que conste que por ejemplo los indus son muy talentosos y altamente calificados, pues yo prefiero tus videos porque: bueno y breve doblemente bueno.👏👏👏 Te felicito Arturo muy buen trabajo, sigue así 👏👏👏.
Muchas gracias amigo, explicas muy bien! Me ha servido un montón! Así como dicen en otros comentarios, no hay muchos youtubers que expliquen este tipo de detalles, sigue así! 👏🏻
@@ABJ95100 quería hacerte otra pregunta, ya me funciona. Sin embargo, cuando reviso la consola en el navegador me sale un error que es el siguiente: Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports. No sé si tenga que ver con los tres puntos que aparecen cuando importas la librería, ya que al ver que significan esos tres puntos me aparece: Could not find a declaration file for module 'react-export-excel'. 'c: .../node_modules/react-export-excel/dist/index.js' implicitly has an 'any' type. Try `npm install @types/react-export-excel` if it exists or add a new declaration (.d.ts) file containing `declare module 'react-export-excel'; Y al hacer el npm install @types/react-export-excel me sale el siguiente error: npm ERR! code E404 npm ERR! 404 Not Found - GET registry.npmjs.org/@types%2freact-export-excel - Not found npm ERR! 404 npm ERR! 404 '@types/react-export-excel@latest' is not in the npm registry. npm ERR! 404 You should bug the author to publish it (or use the name yourself!) npm ERR! 404 npm ERR! 404 Note that you can also install from a npm ERR! 404 tarball, folder, http url, or git url. No sé cómo podría evitar esos errores. Es posible que me puedas ayudar con esto? Gracias!
@@victorpotes No es un error, es una advertencia (Warning). Y no te preocupes por ellas. Mientras tu aplicación web funcione como tú quieres, no deberías de preocuparte por las advertencias (Warnings)
Excelente video! Podrias hacer uno usando React-to-print con componentes funcionales? o con alguna libreria que te permita exportar componentes a pdf. Gracias por tus aportes. Tu contenido es muy útil
--save era para agregar tu dependencia o paquete recien instalado al packege.json. Pero a partir de npm 5.0.0 ya no es necesario, ya que se agrega automátricamente sin necesidad de escribir el --save
Gran tutorial!!! Gracias bro!!! , pero una duda o alguien que lea este comentario si me la puede resolver , como hago con el value si los objetos tienen un subarray y necesito una columna con esa data ???
bro, y si necesitara agregar un documento pdf a una de las hojas del excel. sabes como es el proceso? disculpa, es que no conozco mucho de react todavia jeje
Pregunta Amigazo y Saludos desde Chile... Tengo un objeto anidado dentro de mi objeto , en el ejemplo le pasa el valor de la propiedad . Pero como haría en el caso de que mi objeto tiene un objeto en la propiedad el valor que quiero esta en el objeto anidado ???
Yo pude solucionarlo pasando entre parentesis "item" que vendria a ser el array y luego en funcion flecha retornar la propiedad que necesitas, aqui te dejo un ejemplo: item.user.id} />
Aún no tengo conocimientos de JWT, quizá en un futuro si saque un vídeo acerca de eso. Por lo pronto mejor crearé el vídeo que van varias veces que me pides (Lazy Loading)
hola lo estoy tratando de instalar en yarn, pero al momento de exportarlo me da error, no sabes que estare haciendo mal, copie el comando de instalacion para yarn
Hola BorjaScript, estuve revisando "react-export-excel" y sus ejemplos de github no funcionan bien. Encontré uno llamado "react-data-export" que fue actualizado hace 8 meses y que parece ser del mismo creador. Me gustaría que le echaras un ojo ya que me da la impresión que "react-export-excel" es un paquete abandonado ya. Un abrazo
depende de como resives la data del API, yo hice un boton que llama a una funcion que hace un fetch al API y registra la data en un useState en forma de Array de objetos y a la vez abre un modal con un loader que espera a que termine el fetch y al terminar muestra el componente de exportar excel con el boton para descargar
el npm i react-export-excel me da error npm ERR! code ENOENT npm ERR! syscall spawn git npm ERR! path git npm ERR! errno -4058 npm ERR! enoent An unknown git error occurred npm ERR! enoent This is related to npm not being able to find a file. npm ERR! enoent Alguien sabe por qué ?
![ไลฟ์สุ่ม iPhone 295 บาท... โกงมั้ย?[ โกงมั้ยครับ ep.97 ] | DOM](http://i.ytimg.com/vi/gdstHEE4UUE/mqdefault.jpg)
Este canal me ha ayudado mucho desd que empecé a trabajar como react developer, sigue así
Eres enorme bro! Tutorial de gran calidad, al grano, perfectamente explicado, y supremamente útil. Muchas gracias!
Excelente explicación y extraordinaria forma de transmitir tus conocimientos, yo no conozco a ningun otro youtuber que tenga esta habilidad de enseñar y que conste que por ejemplo los indus son muy talentosos y altamente calificados, pues yo prefiero tus videos porque: bueno y breve doblemente bueno.👏👏👏 Te felicito Arturo muy buen trabajo, sigue así 👏👏👏.
Gracias Crack!. Y claro que sí, sigo preparando vídeos día a día.
Muchas gracias amigo, explicas muy bien! Me ha servido un montón! Así como dicen en otros comentarios, no hay muchos youtubers que expliquen este tipo de detalles, sigue así! 👏🏻
Muy halagador tu comentario Victor, y así será 👍💪
@@ABJ95100 quería hacerte otra pregunta, ya me funciona. Sin embargo, cuando reviso la consola en el navegador me sale un error que es el siguiente:
Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.
No sé si tenga que ver con los tres puntos que aparecen cuando importas la librería, ya que al ver que significan esos tres puntos me aparece:
Could not find a declaration file for module 'react-export-excel'. 'c: .../node_modules/react-export-excel/dist/index.js' implicitly has an 'any' type.
Try `npm install @types/react-export-excel` if it exists or add a new declaration (.d.ts) file containing `declare module 'react-export-excel';
Y al hacer el npm install @types/react-export-excel me sale el siguiente error:
npm ERR! code E404
npm ERR! 404 Not Found - GET registry.npmjs.org/@types%2freact-export-excel - Not found
npm ERR! 404
npm ERR! 404 '@types/react-export-excel@latest' is not in the npm registry.
npm ERR! 404 You should bug the author to publish it (or use the name yourself!)
npm ERR! 404
npm ERR! 404 Note that you can also install from a
npm ERR! 404 tarball, folder, http url, or git url.
No sé cómo podría evitar esos errores. Es posible que me puedas ayudar con esto? Gracias!
@@victorpotes No es un error, es una advertencia (Warning).
Y no te preocupes por ellas. Mientras tu aplicación web funcione como tú quieres, no deberías de preocuparte por las advertencias (Warnings)
@@ABJ95100 A dale, muchas gracias!
Que fácil, muchas gracias BorjaScript
excelente amigo, es posible agregar una imagen al excel ? un logo por ejemplo
Que buen video Arturo, y de mucha utilidad como siempre, muchas gracias!!
Borja sos muy concreto ! Felicitaciones ! Va mi like !
Gracias! Saludos!
Qué genial! También funcionará con datos desde una API en JSON?
No no me funciono!
Excelente video! Podrias hacer uno usando React-to-print con componentes funcionales? o con alguna libreria que te permita exportar componentes a pdf.
Gracias por tus aportes. Tu contenido es muy útil
Viejo, muchas gracias por la ayuda.
De nada! 👍
Gracias nuevamente estimado. Una pregunta: cuando se instalan componentes para qué sirve la opción - - save VEO QUE AVECES LO PONEN Y OTRAS NO
--save era para agregar tu dependencia o paquete recien instalado al packege.json. Pero a partir de npm 5.0.0 ya no es necesario, ya que se agrega automátricamente sin necesidad de escribir el --save
Esta muy interesante, sin embargo, quisiera saber como se haria con los datos de una API?
Hola AB. todo chevere. Podrías hacer un video para importar datos desde Excel usando la librería XLSX ? Saludos
Lo tendré en cuenta para siguientes vídeos 👍👍
Gran tutorial!!! Gracias bro!!! , pero una duda o alguien que lea este comentario si me la puede resolver , como hago con el value si los objetos tienen un subarray y necesito una columna con esa data ???
Excelente, y como sería para una aplicación móvil hecha en React, para Android usando Firebase, y que al mismo se puedan adjuntar imagen en el Excel
Excelente fue de mucha ayuda, gracias!
De nada!
Gracias bro :3
De nada! Saludos!
Excel-ente campeón
bro, y si necesitara agregar un documento pdf a una de las hojas del excel. sabes como es el proceso? disculpa, es que no conozco mucho de react todavia jeje
Amigo quisiera Importar unos datos de un csv a react espero que puedas ayudarme.
Mi amigo, sou brasileiro... Muito bom... Gostei demais... Mas tem como ajustarmos a largura da coluna, ou dar estilos as Células???
Tengo exactamente la misma duda, ¿Cómo se puede dar estilos a las celdas?
Saludos bro , una pregunta como hago si quiero exportar esos datos a excel pero en una plantilla no una hoja de excel sencilla.
si quisiera agregar estilos a la hoja excel como aria?
Pregunta Amigazo y Saludos desde Chile... Tengo un objeto anidado dentro de mi objeto , en el ejemplo le pasa el valor de la propiedad . Pero como haría en el caso de que mi objeto tiene un objeto en la propiedad el valor que quiero esta en el objeto anidado ???
Estoy con el mismo problema... Lo pudiste solucionar?
Yo pude solucionarlo pasando entre parentesis "item" que vendria a ser el array y luego en funcion flecha retornar la propiedad que necesitas, aqui te dejo un ejemplo:
item.user.id} />
Como haces si el array no estan quemados los datos como los tienes en ejemplo y es un array que ha acumulados datos como haces para pasarlos 1 a 1
Borja podrías grabar un tuto para login con usuario con jwt con una api
Aún no tengo conocimientos de JWT, quizá en un futuro si saque un vídeo acerca de eso. Por lo pronto mejor crearé el vídeo que van varias veces que me pides (Lazy Loading)
Buenos dias, consulta como podria hacer lo mismo pero con un objeto anidado {object : {object :"", obejct:""}, object :""}
hola lo estoy tratando de instalar en yarn, pero al momento de exportarlo me da error, no sabes que estare haciendo mal, copie el comando de instalacion para yarn
Hola BorjaScript, estuve revisando "react-export-excel" y sus ejemplos de github no funcionan bien. Encontré uno llamado "react-data-export" que fue actualizado hace 8 meses y que parece ser del mismo creador. Me gustaría que le echaras un ojo ya que me da la impresión que "react-export-excel" es un paquete abandonado ya. Un abrazo
Gracias por el aporte 👍💪
y si la data viene del resultado de una api? como podría hacer?
depende de como resives la data del API, yo hice un boton que llama a una funcion que hace un fetch al API y registra la data en un useState en forma de Array de objetos y a la vez abre un modal con un loader que espera a que termine el fetch y al terminar muestra el componente de exportar excel con el boton para descargar
el npm i react-export-excel me da error
npm ERR! code ENOENT
npm ERR! syscall spawn git
npm ERR! path git
npm ERR! errno -4058
npm ERR! enoent An unknown git error occurred
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent
Alguien sabe por qué ?
este error lo pudiste solucionar?
Me da el sig error: Module not found: Error: Can't resolve 'fs'
parece que ya no le estan dando mantenimiento a la libreria y causa varios errores, me encuentro en busqueda de una alternativa
@@joeltorres9014 Triste leer eso
Pero si lo quiero exportar a un pdf? Buenos tutoriales pero en otro video solo tienes el visualizador y eso no me sirve jaja