Автор оригинала: FreeCodeCamp Community Member.
Дидье Фарб
Новый контекст API, который поставляется с React 16.3, довольно аккуратно. Он был построен в Рендер реквизита стиль тренды за эти последние месяцы. Давайте рассмотрим это:
Это довольно хорошо, верно? Пойдем дальше с подобной поток реализации.
Что такое поток?
Этот разговор от превосходного Цзин Чен революлизовал, как мы думаем о наших приложениях сегодня. Если вы хотите знать, какой поток как концепция, посмотрите здесь Отказ
Одна библиотека демократизировала эту концепцию: Дэн Абрамов Redux И его легендарное время путешествий в реакции в Европе 2015.
Реализация
С CreateContext () Пример API выше, у нас уже есть однонаправленные Магазин → Просмотр на месте.
Что нам нужно, это Действия и Диспетчеры динамически обновлять магазин. Что если наш динамичный магазин был только состоянием корневого реагистрационного компонента?
Мы только что прошли государство и действия в качестве ценностей поставщика. И теперь мы можем получить это с <Потребитель />.
Я создал библиотеку, чтобы все, что нам нужно, чтобы легко использовать этот поток данных, сохраняя при этом отличную производительность.
реактивный водопад
Просто импортировать initore от React-водопад Установите свой Первоначальное состояние, И возьмите некоторые действия: (Государство, … arg) → StateChunk – И ты добрые идти.
Созданный магазин дает вам несколько классных вещей, как:
- Улучшенный Провайдер и Потребитель представлено выше
- Действия (Вы можете получить доступ к ним из Потребитель тоже)
- getstate () Чтобы получить текущее состояние
- Подключиться () () Для карты состояния и действий до компонентов
- Подписаться () реагировать на изменения состояния
Если вам нужны более глубокие селекторы и/или мемоизолированные данные, вы можете, конечно, использовать повторно повторно Отказ Проверьте этот пример здесь Отказ
Если вы хотите Время путешествия, возможно ? просто запустить т Его пример. Реализация правильнаяся все.
Сравнение с redux.
ℹ️ redux devtools был интегрирован По умолчанию в версии 4.0.0 вам нечего делать, это просто работает.
Плюс
- Полегче реализовать
- Вес и производительность
- Очиститель Действия Возврат с ломкой состояния (как в setState)
Господин
- Это работает только с React ^ 16.3
Вы хотите попробовать это?
Я не нашел сексуальное имя для еще, ̶ но если вы имеете идею для его Разместить свои предложения здесь или отправить мне ̶t̶w̶e̶e̶t̶.̶ на данный подмигнули Доступно только с помощью ̶G̶i̶t̶h̶u̶b̶.̶
?
Более
Если вы заинтересованы в новом Реагировать Основные функции не пропускают «Когда реагировать стал (еще больше) асинхронным” Отказ
Если вы не хотите пропустить какие-либо свои статьи, Следуй за мной в Twitter @Didierfranc.
Оригинал: “https://www.freecodecamp.org/news/replacing-redux-with-the-new-react-context-api-8f5d01a00e8c/”