bini1988

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

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

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

Bootstrap вроде имеет SaaS миксины, их можно подключать и использовать в отрыве от css самого врейворка, на выходе все скомпилируется в удобочитаемый css

animate

Можно через background-image заинлайнить svg паттерн, который затем размножить через background-repeat

Массивы нужны когда важен порядок элементов, когда необходимо вставлять или удалять элементы в заданную позицию списка, например, в позицию под номером 5 или в позицию после первого элемента равного 0. Также массив может хранить порядок сортировки некого списка, возвращать топ 5 элементов, добавлять новые элементы в конец или начало списка и т. д.

Как вариант:

toggleActiveDot(activeIndex) {
    Array.from(sliderDots).forEach((dot, index) => {
       if (index === activeIndex) {
          dot.classList.add('active');
      } else {
          dot.classList.remove('active');
      } 
}

Думаю для карьеры чем раньше вы получите опыт в хайповых React, Angular, Vue фреймворках, тем проще вам будет подать себя на следующем собеседовании, идти в компанию поддерживать внутренний легаси инструмент стоит если компания или продукт достаточно известны.

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

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

arr.sort(()=> Math.random() - 0.5)

Использовать svg https://css-tricks.com/how-to-make-charts-with-svg/

По умолчанию заголовок имеет не нулевой margin top и bottom

Между inline элементами по умолчанию всегда есть пробельный символ, как его убрать выше уже подсказали, альтернатива использовать float или flex-box

Самый очевидный в php создать в пределах тега