react-pdf VS react-resizable-and-movable

23.react-pdf

23. react-pdf

There are actually two npm packages called "react-pdf": one is for displaying PDFs and one is for generating PDFs. Today we are focusing on the one to generate PDFs: https://github.com/wojtekmaj/react-pdf.

Not sure if that would work for youck, I used react-pdf to format the size and text required within the document before printing.

I am trying to load a PDF from my src/assets folder, following the example from here I have the following code:

Then I suddenly had an idea. Im sure React/client side has a JS library! And indeed, both react-pdf and a few satellite libraries had exactly what I needed.

Hmm, that's tricky. Maybe mocking the PDF return can help here: https://github.com/wojtekmaj/react-pdf/issues/564?

My project stick with IE, so I using [email protected], I find out the example for doing this codesandbox but it was been limited, by using 5.1 and upper.

I don't know.

For people who want a React wrappers around pdf.js, there are open source alternatives such as react-pdf: https://github.com/wojtekmaj/react-pdf

The way I have setup this component is yet another wrapper, this time wrapping the functionality of dragging and resizing as well as styling the section HTML5 container element. The library I used for dragging and resizing is called react-rnd. For the styling I used Styled Components.

I used react-rnd: https://www.npmjs.com/package/react-rnd for the draggable and resizable divs

https://www.npmjs.com/package/react-rnd try this

Resizable and Draggable

Drag/Resize Windows (React-Rnd)

I'm also using https://www.npmjs.com/package/react-rnd if it's relevant, as well as Tailwind.

I used package react-rnd: https://github.com/bokuweb/react-rnd

I used this - React-rnd. Works really good!