Чем Redux Toolkit отличается от классического Redux?

Question

Redux Toolkit упрощает работу с Redux.Он уменьшает количество шаблонного кода.Redux Toolkit поощряет лучшие практики.Сегодня это рекомендованный способ использования Redux.

YeaHub · Accepted Answer

Классический Redux требует много повторяющегося кода, что часто приводит к ошибкам.ОпределениеRedux Toolkit — это официальный набор инструментов, который упрощает конфигурацию и использование Redux.Основные отличияRedux Toolkit:автоматически настраивает storeиспользует createSliceпозволяет писать «мутабельный» код безопасновключает полезные middleware по умолчаниюconst slice = createSlice({
  name: 'counter',
  initialState: 0,
  reducers: {
    increment: state => state + 1
  }
});
Почему «мутабельный» код безопасенRedux Toolkit использует Immer, который:позволяет писать код как с мутациямипод капотом создаёт неизменяемые копииПроблемы классического ReduxВ классическом подходе:много action typeмного switchвысокая вероятность ошибоксложнее поддерживать кодКогда использовать Redux ToolkitСегодня:почти всегда используют Redux Toolkitклассический Redux встречается редкоToolkit считается стандартомКраткий выводRedux Toolkit делает Redux проще, безопаснее и современнее. Это рекомендуемый подход для новых проектов.