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, duration hours minute second in high quality that is uploaded to the channel JS Solutions 24 January 2022. Share the link to the video on social media so that your subscribers and friends will also watch this video. This video clip has been viewed 29,001 times and liked it 217 visitors.