Gerando PDF em sua aplicação web com React

[@gilfreitas5066]

Bom dia, tutorial muito bom, quando fui aplicar em um projeto que estou desenvolvendo ocorreu o erro "Uncaught (in promise) File 'Roboto-Medium.ttf' not found in virtual file system" então vim aqui comentar como resolvi ele, encontrei em um comentário do GitHub a solução, muda apenas a maneira de importar o pdfMake e o pdfFonts, assim importa de maneira assíncrona e resolveu meu problema. Agradeço muito pelo tutorial, abaixo a função que falei. async function gerarPDF() { const pdfMake = (await import( 'pdfmake/build/pdfmake.min')).default const pdfFonts = (await import('pdfmake/build/vfs_fonts')).default pdfMake.vfs = pdfFonts.pdfMake.vfs }

[@raulgoncalves3472]

Valeu mano, estava com o mesmo problema e consegui resolver dessa forma

[@BILL-ml1xx]

Obrigado amigo 👏👏

[@arthurleonardo8515]

Boa guerreiro, ajudou solucionar também meu problema.

[@danlvu26]

obrigada, amigo! você é um amigo.

[@trocadefacespordiogowar5395]

Muito Boa a explicação, fiz de primeira a geração do pdf na minha aplicação..

[@davilemos9173]

opaaaaa, olha ai os vídeos de sistema web, manda mais , muito mais.. rsss vlw

[@MariiaLoza]

I've been looking for an example using pdfmake for a long time. Thank you!!!

[@lucasleitao4485]

Acabo de finalizar o curso! Gratidão é a palavra! Muito obrigado, Heber!

[@anthonibs]

Muito bom o conteúdo deu para aprender muito aprendizado, estava precisando para gerar um relatório para um cliente.

[@hardtinformatica6676]

Bom dia, Heber... Assisti a todos os 21 vídeos da série... Foi de grande valia para mim, como iniciante, e, desde já, agradeço imensamente por sua dedicação e apoio.

[@99coders]

🤜🤛

[@wagnerfix]

Não conhecia o pdfmaker... Comecei estudar ontem... Com suas dicas valiosas desse vídeo... montei meu primeiro relatório em poucos minutos... Parabéns pela didática e clareza... Me ajudou demais amigo.

[@davipessoa7840]

Achei uma ferramenta bastante interessante. Estava buscando uma lib que me mostrasse apenas o pdf renderizado sem precisar baixar ele e parece que é possível. Curti muito esse daqui e acho que funcionará.

[@eduardobertozi8506]

Olá Heber! Assisti a série completa, tudo que foi ensinado funcionou perfeitamente! Foi uma experiência incrível aprender a desenvolver uma app na prática. Muito obrigado por compartilhar tantos conhecimentos.

[@vagnerazevedo2014]

Sensacional! Didática muito boa! Parabéns e obrigado por compartilhar seu conhecimento. Sucesso ao seu canal. Novo inscrito.

[@carloseduardogomes9262]

Cara isso é muito maneiro, me ajudou demais no meu projeto !!

[@jailsonsantos555]

Que vídeo maneiro, era o que eu estava procurando, parabéns. Acabou de ganhar um inscrito! UP....kk

[@99coders]

🤜🤛

[@sirlucasm]

muito bom! Gostei, ótimo vídeo

[@santosgustavo431]

Muito útil, parabéns!

[@freitagnx]

Muito bom o conteúdo. Merece o like.

[@gabriellourenco3128]

Excelente explicação, ajudou muito!!

[@alicesouza5677]

Excelente!!!

[@matheusmgp1]

parabens meu querido.

[@programacao4all]

Héber, gostei muito do conteúdo. Fiquei muito feliz com a volta desta série. Num próximo vídeo, você poderia abordar um pouco sobre como adicionar animações? Tudo que você puder trazer desse conteúdo web será sempre muito bem vindo. Obrigado por este conteúdo top.

[@99coders]

👏👏👏

[@excelsemmedo]

Olá Heber esse curso foi muito bom poderá haver mais videos, poderia também fazer um curso para implementar uma loja virtual do zero com opções de pagamento via pix e cartão seria muito bom...

[@fabioeng79]

Muito bom

[@joaopaulovieira2654]

Olá Heber..sua didática é ótima seu conteúdo excepcional aprender muitas coisas mesmo sendo iniciante, queria saber como faço para o sistema não permitir inserção de registros idênticos nos campos do cadastro.

[@diegoacarvalhop]

Oi Heber, boa noite! Cara como eu faço para adicionar uma logo no PDF? Gostaria de colocar essa logo ao lado do texto "Clientes"... a logo está no caminho "../../../public/uni_pizza_logo.png". Já tentei de tudo e não consegui! Eu vi que tem alguma coisa a ver com base64, mas não estou entendendo. Poderia dar esse help?

[@balrog144]

Muito bom, poderia dar continuidade :)

[@MrDantedta]

Muito Bom, valeu Heber, como sugestão se você me permite, faça uma adptação deste projeto para consumir de uma api horse, estou tentando aqui, mas como ainda estou engatinhando no react, não consigo progredir, (sempre acho q no delphi é mais fácil, rsrsrs) parabéns pelo seu trabalho.

[@lucasgabryel6044]

Muito bom, consegui corrigi o meu

[@glenilsonfarias2090]

Muito bom essa série, eu gostaria de um vídeo usar imagem com endereço no banco de dados no relatório em pdf

[@juniormelo26]

Parabéns pelo vídeo, perfeita sua explicação. 🔝 você teria algum vídeo explicando como travar alguma aplicação react depois só build para rodar apenas em um IP/domínio?

[@guilhermeinfo1]

Héber seu conteúdo é sensacional, tem como vc criar um exemplo de DashBoard?

[@EmirRosa]

Ola Heber tudo blz, gostei muito da tua aplicação web, gostaria de saber se tu não poderia criar um video como fazer usando as regras de segurança no banco firebase com autentication. para usar com o login e senha. um abraço.

[@RubervalFLucas]

Boa noite Heber, gostaria muito que vc abordasse nesse projeto componentes de tabelas , tipo o MUIDataTable, estou tentando adaptar esse projeto com ele mas não consigo.

[@overtime1406]

Ola!!! muito bom o video, teria ideia de como fazer este relatório tipo master/detail?

[@crisdolister]

Muito boa sua vídeo aula. Essa lib pode ser utilizada em react native?

[@alexandrefernandes7615]

Boa noite. Antes de mais, video fantástico, que explica muito bem uma biblioteca muito útil. Eu tenho apenas uma dúvida. Se eu quisesse que o reportDetails (header) retorna-se uma div com um ID especifico e estilo css, e no details (body) uma div com outro ID especifico e estilo próprio, era possível fazer? Peço desculpa, mas não consigo encontrar na documentação exemplos de como chamar esse tipo de conteúdo HTML

[@thiagodau]

O pagesize, aceita somente A4 ? caso eu queria um outro formato, por exemplo, para gerar etiquetas de produtos, existe essa possibilidade de alterar?

[@hamiltonfilho1292]

Boa tarde heber, fiz o curso todo e tudo deu certo, porém na hora de fazer o BUILD e colocar num servidor s3 da aws, a unica página que carrega a inicial, quando tento ir nas demais ele da um erro "The specified key does not exist", sabe o que pode ser?

[@DanCalist]

consigo usar Json para puxar uma tabela já pronta? ou de qualquer forma preciso montar toda a estrutura?

[@airtoncesar914]

eu uso o React Vite, não consegui instalar esse "npm install pdfmaker"

[@coders01]

How to connect with Nodejs to the server I created with Delphi?

[@leandro2570]

@99 Coders Heber tô com uma dúvida.....de como pegar as contas do usuário Android... você pode ajudar?

[@fabioeng79]

Vove poderia fazer uma série de uma aplicação que envolva desenhos, linhas, caixa, impressão, funcionando na Web?

[@iury664]

chato que não é em typescript, tipar aquelas configs do pdfMake é horrível

[@carialira]

Boa tarde, é possível utilizar outros tamanhos ? PDF de impressão 80mm ?

[@TotoRaivozo]

Parabens pelo video man, ficou show! So queria saber como fazer se tiver varias tabelas, Tem como fazer isso?

[@luciocecilio8163]

è possível criar uma coleção para cada usuário?

[@mauricioturravanzella4175]

@heber acabou as aulas de programação web 🤔🤔🤔

[@HeartMegany]

A ferramenta pode gerar um PDF em cima de um PDF pré-existente?

[@Rapandrap25]

Thanks!

[@trocadefacespordiogowar5395]

Olá, como eu faria para somar uma coluna de valor no final do relatório?

[@giovanna76]

Ótima explicação! Existe alguma forma de criar um PDF em um app com React Native usando Expo Go para fazer isso?

[@rodrigomarchese1969]

Alguém tem uma dica de como fazer agrupamento no relatório da aula? Digamos que em tenha uma coluna UF e queira quebrar os clientes por ela.

[@a7informatica320]

No final do vídeo, ele disse "no vemos no próximo vídeo" ... to be continued?

[@99coders]

Nos vemos no próximo vídeo do canal 😂

[@a7informatica320]

@@99coders Ahhhh deixou um aquele gosto de quero mais e proxima temporada. ia ser show.

[@eloanferreira3019]

Da pra usar com react native?

[@99coders]

Nunca testei

[@jonathana.9043]

Link do código??? por favorr

[@99coders]

Está na descrição do vídeo

[@jonathana.9043]

@@99coders Não ta, tem que entrar em contato é? Cadê o velho github?