js_web

Смысла повторяться не вижу, потому что другие уже указали на ваши ошибки. Переписать можно так. И плодить кучу соединений не стоит, достаточно одного. И не забывай отписываться.

https://jsfiddle.net/epc3z05y/2/

return забыли перед ReactDOM.createPortal

В редьюсере.

Вынесите шапку из контейнера или таблицы добавьте в свой контейнер и используйте max-height: 50%;

Попробуй этим двум таблицам задать контейнер. Тогда можно будет обойтись min-height: 50%.

Надо сравнить высоту блоку и "скролл-высоту"

const block = document.getElementById('block');
const hasVerScroll= block.scrollHeight > block.clientHeight;
const hasHorScroll= block.scrollWidth > block.clientWidth;

Смысл контекста в том что, данные доступны на любом уровне вложенности, поэтому нет необходимости передавать данные явно.
Я использую HOC для удобного прокидывания данных из контекста в компоненты: https://jsfiddle.net/n5u2wwjg/206004/

1. FileReader API, чтобы считать содержание файла. См. Using files from web applications
   
2. sha256 хэш, например emn178/js-sha256
   

 

В PHP такое же значение получается через hash('sha256', file_get_contents($filepath))