react

Есть, как минимум Draft.js и основанный на ней пакет: https://github.com/jpuri/react-draft-wys...

SCU - сокращение от первых букв слов названия метода shouldComponentUpdate()

Документация по оптимизации: https://ru.reactjs.org/docs/optimizing-p...

Смотрите в документации тут: https://ru.reactjs.org/docs/jsx-in-depth...

Пример из документации:

Решение

В обработчике убираем .preventDefault() - и тогда клик начинает работать нормально

Например, для чекбокса:

<CheckboxInput
   value={objectFloorsEnabledCount === objectFloorsCount}
   name={`${buildingIndex}-enabled`}
   onChange={handleChangeObjectCheckbox}
   // disabled={!allowEdit}
   label={objectFloorsEnabledCount + '/' + objectFloorsCount}
/>

было так:

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 '

Например для подобного элемента:

Используйте в качестве аргумента для setState коллбэк, чтобы получить доступ к реальному предыдущему значению.
Это поможет, если у вас возникают проблемы с получение реального предыдущего состояния.

Warning: `value` prop on `input` should not be null.

Хорошо бы понять как быстро искать такую ошибку, как быстро понять что не так.

Вариант 1 - изучить вывод Warning в консоли вручную

Изучите вывод предупреждения в консоли, может, вы найдете родительский компонент, который встречается на странице нечасто. У меня такой вывод: