pdf

Из чего состоит PDF файл (что влияет на размер)

1. Основной текст/контент
2. Встроенные шрифты Embedded Fonts (встроенные шрифты)
3. Картинки
4. Закладки, ссылки, аннотации
5. Всякие данные, связанные с самим форматом: Document overhead and various low level elements such as extended graphics states, structure info and etc.
6. PDF формы (да, там могут быть заполняемые формы))
7. Прикрепленные файлы

react-pdf

Для отображения pdf файлов можно использовать пакет react-pdf).

Читайте также о проблемах при настройке и их решениях.

Примеры работы с react-pdf

Вывод сразу всех страниц документа

Можно так:

Проблема

Для кода вида (пакет react-pdf):

<Document
  file={link}
  onLoadSuccess={null}
  onLoadError={onLoadError}
>
  <Page pageNumber={1} />
</Document>

Получаем в консоли браузера:

Warning: Setting up fake worker.

-- предупреждение в pdf.js:549, затем:

Uncaught SyntaxError: Unexpected token '

foreach  (....) {
  $pdf = new TCPDF(PDF_PAGE_ORIENTATION, 
        PDF_UNIT, PDF_PAGE_FORMAT, true, 'UTF-8', false);

  //.......
  $pdf->Output($filename, 'F'); 
  $pdf->__destruct(); // удаляем явно
}
//

-- спасает явный вызов деструктора. Перед созданием очередного объекта.