Работа над Redux Toolkit продолжалась в течение нескольких следующих месяцев. Ник добавил первые юнит-тесты, интеграцию с CI, включил инструменты разработчика Redux в configureStore. Автор статьи добавил реэкспорт из Redux и библиотеку selectorator, а также улучшил redux это настройки мидлваров. После высокой активности с марта по май 2018 наступил период затишья, который продолжался несколько месяцев. «Я уже писал, что хочу создать стартовый пакет, в котором будет официально рекомендованный командой Redux и простой набор инструментов.
В моём представлении в стартовом пакете должна быть одна из библиотек редьюсеров, популярные мидлвары, например, thunk’и и саги, полезные инструменты разработки. Можно сделать подмножество пакетов для тех, кто использует React. Автор оригинальной публикации погрузился в работу над Redux в 2016 году, когда в качестве волонтёра писал раздел FAQ на официальном сайте проекта. Дэн Абрамов выдал автору и Тиму Дорру карт-бланш, и автор начал отвечать на вопросы пользователей на разных сайтах и форумах. Экосистема держалась на thunk, сагах и наблюдаемых объектах.
В чём сила Redux?
К нему можно обратиться, чтобы узнать, нажата ли кнопка, какое значение сейчас у переменной, выбрано ли условие. Это удобнее и проще, чем получать сведения непосредственно от компонента. Redux — это инструмент для управления состоянием данных и пользовательским интерфейсом в приложениях JavaScript с большим количеством сущностей.
- Его особенности приводят к тому, что приложение становится тяжело масштабировать.
- Напишем тест, который покажет, что состояние чекбокса (свойство checked) соответствует тому, что хранится в Store.
- Работа над Redux Toolkit продолжалась в течение нескольких следующих месяцев.
- Автор хочет поддерживать специалистов, которые пишут на TypeScript, как и других специалистов, которые используют Redux специфическим способом.
Согласно README, в числе прочих источниками вдохновения для создателей Redux Toolkit являются Create-React-App и Apollo-Boost. Это пакеты, в которых есть дефолтные инструменты и абстракции над более сложными настраиваемыми инструментами. Цель существования этих пакетов — обеспечить быстрый старт при работе с библиотекой без необходимости погружаться в детали и принимать сложные решения. В то же время эти пакеты не привязывают разработчика к дефолтным инструментам и настройкам. Они очень полезны для новичков, которые не знают о всех доступных вариантах и о «правильных» выборах.
Должен ли Redux быть использован только с React?¶
Некоторые библиотеки пользовательского интерфейса (например, React) имеют собственную систему управления состоянием. Если вы используете одну из этих библиотек, особенно если вы только учитесь их использовать, мы рекомендуем вам сначала изучить возможности этой встроенной системы. Это может быть все, что вам нужно для создания приложения.
Инструмент получает репутацию рабочего решения со своими преимуществами и недостатками. Источник состояния существует в определенном виде. Когда происходят изменения, в источник состояния поступает действие и редукторы перезаписывают состояние.
Работа с side-effects в Redux (теория – 8 ч., домашнее задание – 3 ч.)
В результате многие люди стали изучать Redux без осознания контекста. Новички часто не понимали, почему появился Redux, какие проблемы решает этот инструмент. Все эти преимущества позволили зарекомендовать Redux Toolkit как официальный набор инструментов для эффективной разработки Redux. Redux часто используют в связке с React, потому что в React не очень удобный встроенный алгоритм для управления состояниями. Его особенности приводят к тому, что приложение становится тяжело масштабировать. Redux реализован просто и элегантно, мало весит и при этом эффективно управляет состоянием.
Если в нескольких частях приложения требуется одинаковая информация, используется один и тот же селектор. В настоящее время планируется масштабная работа по модернизации документации Redux. В рамках модернизации будет созданы обучающие материалы по Redux Toolkit. Также информация о стартерките будет добавлена в гайды и туториалы.
В данной статье я постараюсь развенчать этот миф и покажу, что это не только возможно, но и очень удобно и приятно. К лету 2019 года автор завершил работу над React-Redux и начал писать документацию https://deveducation.com/ Redux Toolkit. Одновременно команда обсуждала разные вопросы, включая расширение возможностей createSlice. Рассматривалась функция combineSlices, а также автогенерируемый селектор функциональности.
В каждом приложении, над которым я работал, полно таких антипаттернов из Redux — или я сам не мог найти лучшего решения, или у меня не получилось убедить коллег что-то изменить. Если, можно сказать, эксперт по Redux пишет посредственный код, то что и говорить о новичке. Я просто пытаюсь уравновесить популярный подход использования Redux для всего подряд, и надеюсь, что каждый выработает собственное понимание Redux. Узнайте, как использовать WebSockets в React-приложениях для обмена данными в режиме реального времени с сервером.
