Как сделать чтобы моя анимация так сильно не дергалась?

У Вас проблемы, у Вас аккордеон дёргается - починить можно.

Как добавить класс js?

https://learn.javascript.ru/event-delegation

Хранение временных объектов на стороне клиента?

А Вы знакомились с JavaScript?

Элементы карточек одинаковой высоты?

Big Wheel, интересно тогда, как вы будете задавать минимальную высоту картинок, чтобы после их прогрузки у вас контент не выплясывал по экрану.

Элементы карточек одинаковой высоты?

Big Wheel, а нельзя для всех элементов карточки задать фиксированную высоту? Если во всех карточках, этот элемент пустой, то скрывать его для всех карточек, например, так (естественно, что у вас в коде либо каждый элемент имеет свой класс, определяющий его стили, либо вы делаете это через nth-child):

.card-container:not(:has(.card__item:not(:empty))) .card__item {
  display: none
}

для самих карточек, задать фиксированную ширину, далее стандартно для контейнера через flexblox

Как в CI в зависимости от выполняемого скрипта установить разный title в index.html?

Да, разные .env

Как правильно задать тип события мыши?

MishaXXL, а зачем Вы используете утверждение "as" для содержимого рефа?
При создании рефа через useRef можно и нужно передавать тип, который мы планируем там содержать:
const ref = useRef<HTMLElement | null>(null)

Как исправить ReferenceError: localStorage is not defined?

TreeFall1, потому что начиная с 13 версии next такую проверку сделать нельзя, если пытаться обратиться к необъявленному объекту window на сервере, будет эта самая ошибка.

Что значит ошибка при работе с react redux?

GlazOtca, а какая разница, пуст компонент или нет? Ошибка от этого никуда не денется.

Руслан Иванов,
Вот тут

import React from "react";
import ReactDOM from "react-dom";
import store from './store/store';
import App from "./App";
import { Provider } from "react-redux";

ReactDOM.render(
  <React.StrictMode>
    <Provider store={store}>
      <App />
    </Provider>
  </React.StrictMode>,
  document.getElementById("root")

Как минимум, не хватает закрывающейся скобки

Как сделать постоянно видимой метку прогрессбара Bootstrap?

Staspost, вариант так себе, но можно переопределить

Как сделать постоянно видимой метку прогрессбара Bootstrap?

Так может тогда задать цвет фона прогрессбара или цвет текста?

Как сделать постоянно видимой метку прогрессбара Bootstrap?

А что имеется в виду под меткой?

Отправляю props, но получаю первым объект со всеми props, а все последующие оказываются пустыми объектами, почему так происходит?

export default function Input(props) { 
  return (
    <input 
      type="text" value={props.value} onChange={props.onChange}
    />
  )
}

export default function Input({ value, onChange } ) { 
  return (
    <input 
      type="text" value={value} onChange={onChange}
    />
  )
}

Отправляю props, но получаю первым объект со всеми props, а все последующие оказываются пустыми объектами, почему так происходит?

vertically-challenged, а причем тут тип?

Как декомпозировать логику формы React?

insighter, давайте)

Как декомпозировать логику формы React?

insighter, Пример НЕ управляемого компонента:

const InputElement = (props) => <input value='' onChange={props.setState} />

т.к. значение атрибута value - не управляется никаким состоянием.

Как декомпозировать логику формы React?

insighter, не противоречит, просто управление их состоянием поднято выше, на уровень формы, потому, когда инпут меняет свое состояние - он перерендерится. А т.к. состояние находится на уровне формы, то при использовании setState формы - все дочерние компоненты формы перерисовываются, для возможности оптимизации такого поведения - разработчики добавили возможность мемоизации, например, useMemo, т.к. инпут меняя именно свой пропс - перерендерится, но не заставит это делать "соседа".

Как декомпозировать логику формы React?

insighter, можно.




В данном случае ref будет использоваться не как контейнер для хранения не мутируемого состояния, а как обращение к DOM дереву, что влияет на производительность куда больше, чем отсутствие или присутствие мемоизации - которая применяется именно для таких случаев.

Как декомпозировать логику формы React?

Перед этим я бы посоветовал почитать когда нужно использовать рефы https://ru.reactjs.org/docs/refs-and-the-dom.html

Как декомпозировать логику формы React?

JavaSscriptNoob, Все зависит от формы, если это гарантировано 2 инпута - то, вероятно, в этом нет необходимости. Но, как правило, один компонент InputElement используется в большинстве форм приложения, потому его мемоизируют, т.к. формы могут быть и большими еще и с разной валидацией форм.