bini1988

Отличная статья по теме useEffect. Если коротко, то вы на каждый рендер создаете новую функцию save и новую переменную html, при этом в момент выполнения функции open вы скорей всего захватите по замыканю переменную html из области видимости которая уже устареет на момент выполнения вновь созданной функции save по клику на кнопке. Для сохранения любого значения между рендерами без тригера ререндера компонента можно использовать useRef.

https://redux.js.org/faq/organizing-state#can-i-pu...

Технически можно сохранить в redux store что угодно, это все ещё обычный js объект. На практике я бы избегал такого подхода, это скорей всего сломает devtools и потенциально приведёт к утечкам памяти.

Redux диспатчит initial action при первом создании стора, передавая undefined в редюсер и специальный экшн {type: "INIT" }. Второй момент, думаю подписка на стор должна быть в componentDidMount, так же можно добавить отписку от стора в componentWillUnmont для удаления лишних кобэков.

Зависит от природы вычислений. Я использую redux thunk для подготовки данных перед отправкой на сервер, получения и преобразования ответа от сервера и дальнейшего вызова dispatch с данными, которые нужно положить в стор. Редюсеры можно использовать для мерджа изменений с текущим состоянием, здесь нельзя делать асинхронные запросы и лучше избегать сложных вычислений. Преобразование данных из стора (фильтрация, сортировка) лучше делать в функциях селекторах с использованием reselect.