How to Export to PDF in React: Methods | React PDF Generator Part 1

Generating a PDF file from your React app can be easy with the right tool at hand. Watch this step-by-step guide to learn how you can export any React component to PDF with the KendoReact PDF Generator.

KendoReact Product Manager Carl Bergenhem will walk you through the whole process in just 20 minutes, demonstrating two exporting methods: *PDFExport* which exports content as a component, and *savePDF* which is used when we want to export HTML via a method.

Let’s dive in!

=============================
Featured links:
=============================

=============================
Related resources:
=============================

Blog series:

#KendoReact #ReactPDFGenerator #Demo

[theoryofdeadman]

So this is not a free library, and you should warn people about it at start. This is only 30 days free trial!

[mike_]

i wonder why <h1></h1> is not working? it's like whole tags is <p></p> or something like that

[roukkk]

Very cool implementation, this is game-changing!! great video by the way

[Mr.samomar]

Can you help me when I want to generate Arabic characters It doesn't show up well?

[BhavyaChopra-uy]

Hi, My fonts are not getting exported to pdf be it I am using h1 tag, or p tag

[sahinmuratogur]

Thanks for your effort.
I have one question : Is it possible from different components, only one pdf? For my case, pdf-file doesn't contain data from HeadTemplate
<PDFExport ref={pdfReactComponent} paperSize="A4">
<div>Hellow
<HeadTemplate />
</div>
</PDFExport>

<Button onClick={createPDF}>Create Pdf</Button>

[egzonberisha]

Thank you man, you helped me, keep up the good work :)

[tomasburian]

Hi, is this a part of a paid library or can I use this in my project freely? As much as this package is great, I only need the pdf generator.

[kartikjodhani]

I am getting issue for work like (I'd, I'm) here single quote mak replacing with space.

[asifsuvo]

Thanks a lot .but how to change the pdf name ?? how i can change the pdf name in dynamic ?

[RR-lewd]

im unable to print the photos just getting string data
how to get image with string data ?

[webdeveloper]

It is not supporting Russian lang bro can you help me? it is converting Unicode

[palmer_g]

it isn't working on safari mobile browser, right?

[bloodraven]

Спасибо огромное, диплом сделал с етой кендой. Сдавать через 2 дня :)

[bashkoali]

Does Kendo react pdf support arabic language?

[faisalnazik]

misleading title, Title should be how to use free trial of KendoReact

[owlstudios]

you should have mentioned that this library is NOT for free!. be aware of that before you use it.

[mohaamiin]

don't use it it will ask u to license it