How to display PDF Files using React PDF Viewer in 2022

Published: 24 January 2022
on channel: JS Solutions
29,001
217

So Hi there friends, Welcome to another tutorial of Reactjs. In this tutorial, I will show you how you can easily upload and display PDF files in your React Apps. Previously I had created two tutorials on the same topic but as time passes technology updates and tutorials becomes outdated so, I had to create a new one to help the troubled ones.

React PDF Viewer Website: https://react-pdf-viewer.dev/

Which packages to install?

1. Install pdfjs library
npm install [email protected]

2. Install the core package
npm install @react-pdf-viewer/[email protected]

3- Default Layout Plugin (Optional)
npm install '@react-pdf-viewer/default-layout'

Install this package if you want to use the layout options

Here is the GitHub Repo link: (Follow me on GitHub)
https://github.com/HamzaAnwar1998/Vie...

My Instagram:   / humzaanwar74  

Buy me a coffee: https://www.buymeacoffee.com/anwarhamzat

Music Used in the video:
(I don't own any music. All the credit of music goes to their respective owner)

1- Cartoon - On & On (feat. Daniel Levi) [NCS Release]
Free Download / Stream: http://ncs.io/onandon

2- Fragments by AERØHEAD
Fragments by AERØHEAD |   / aerohead  
Music promoted by https://www.free-stock-music.com
Creative Commons Attribution-ShareAlike 3.0 Unported
https://creativecommons.org/licenses/...

3- Drift (provided by Fimora)


Watch video How to display PDF Files using React PDF Viewer in 2022 online without registration, duration hours minute second in high quality. This video was added by user JS Solutions 24 January 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 29,001 once and liked it 217 people.