Styling React-PDF with Custom Fonts & Dynamic Page Styles

Подписаться 7 тыс.

Просмотров 10 тыс.

50% 1

Yo, In this video, we will dive into the world of React-PDF and how to style it with custom fonts and dynamic page styles. This is an amazing way to create dynamic PDFs in your React applications, providing a rich user experience.
Our journey will take us from the basics of React-PDF to applying custom fonts and, finally, to creating dynamically styled pages.
🔗 Useful Links:
Code Repository: github.com/arslanah99/reactPD...
Previous Video: • ReactPDF Basic Setup
React-PDF Documentation: react-pdf.org/
If you find this video helpful, don't forget to hit that like button and subscribe for more content like this. Also, feel free to drop your questions or suggestions in the comments section below.
Happy Coding! 🚀
LINKS: linktr.ee/arslan99
Please don't forget Like, Comment and Subscribe if you're new!

Опубликовано:

14 май 2023

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 29

@zanokuhlehita7668

Thank you guys for these videos they are value

@unlimitedpower5986 Год назад

You are a Legend Arslan, thank you so much! Problem solved! 🥳

@saikotpaul4047

How are you supposed to render on client side. I am using PDFViewer but it loads the window is way too small.

@ged9925

How can you rerender the PDFViewer whenever there are <Document/> changes?

@mansoorbashir746

Can you please help to set fixed header and footer for each page, please.

@ranjanasharma1930

Getting this error TypeError: fontkit__WEBPACK_IMPORTED_MODULE_6__.create is not a function

@johnch1p Год назад

Nicely shown and explained. Good stuff as always - I dropped a like 👍

@mangkoeboemie День назад

im rendering a booking receipt that sometime is really long how to break to new pages automatically?

@athulgeorge4873

Hey @Arslan I just started watching your videos and they are really good. I was wondering if you knew how to create an endpoint that receives some data from the client and generates a react PDF in memory, which can then be sent as an attachment to an email using nodemailer. I am having troubling finding out how to generate a PDF in memory and then send the attachment, nodemailer seems to need a path to a file when sending attachments. How would you go about this? Anything will help, and thanks for these videos, been really helpful.

@ashwinsolanki6549 Год назад

I want to show data in table but unable to do it can u suggest something how can i achive this

@user-dw9wg7ip3u Год назад

Does it mean that the style that you apply to your components (display, colors, positions, etc.) will be the same on the PDF style ? Making it possible to "design" the PDF