Публикации по тегам redux

Публикации по теме 'redux'

Памятка по обновлению неизменяемого React Redux

Чтобы расширить наши горизонты, мы недавно начали экспериментировать с созданием одностраничных приложений (SPA), используя очень популярную комбинацию React + Redux . Управление состоянием приложения с помощью Redux было совсем другим (по сравнению, например, с шаблоном MVVM), но также очень интересно и увлекательно. К этому нужно привыкнуть, но как только вы освоитесь, мы думаем, что вам, как и нам, это действительно понравится! Одна вещь, которая действительно важна при работе с..

Повысьте производительность с помощью Redux Toolkit

Redux Toolkit - это официальный, самоуверенный, включающий в себя набор инструментов для эффективной разработки Redux. Redux - отличный инструмент для управления глобальным состоянием ваших приложений. React невероятно хорошо сочетается с интерфейсными библиотеками, такими как React, Vue или Angular. Однако за Redux приходится платить - его утомительно настраивать, и в нем есть изрядная доля шаблонного кода. Пакет redux toolkit решает некоторые проблемы, которые есть у библиотеки..

Типизированный Redux

Как Flowtype может спасти вашу жизнь Одним из самых популярных примеров использования Flowtype с Redux является приложение F8, исходный код которого был открыт Facebook в прошлом году. Он глубоко интегрируется с Flow, в частности: Он заменяет константы на единый тип объединения Action , который описывает тип и полезную нагрузку каждого действия, которое может быть отправлено, Позже в редукторах набранный Action помогает разработчикам понять цель действия и то, что можно сделать..

Освоение компонентной композиции React с использованием дочерних элементов

Когда я впервые начал разработку с React, у меня было поверхностное понимание композиции и мощи модели компонентов React, но я часто сталкивался с одной и той же проблемой снова и снова - боль от необходимости передавать состояние вниз через каждую ветвь моей модели. дерево компонентов в попытке реализовать какой-то конкретный шаблон пользовательского интерфейса. Бьюсь об заклад, вы испытали то же самое. Чтобы проиллюстрировать проблему, рассмотрим, как я передаю опору friends через..

Используйте фигурные скобки с ES6 Let и Const в блоках переключателей - редукторы React-Redux

За последние 10 дней я впервые изучил React и Redux и создал свое первое приложение с ними вместе. При использовании Redux все изменения состояния выполняются путем передачи объекта действия через чистую функцию, называемую reducer , которая возвращает новое состояние как измененную копию старого. Редукторы обычно строятся как блоки переключения , которые используют тип действия как случай улова . Вне Redux случаи переключения обычно заканчиваются следующим оператором break:..

Как набрать вашу Redux-композицию в TypeScript

Когда мы используем компоненты высшего порядка в приложениях React / Redux / Typescript, как мы вводим составные компоненты? Я думаю, что многие разработчики время от времени сталкиваются с этим вопросом. Однако я не нашел много информации об этом. Эта проблема Когда мы используем Redux-compose для компоновки всех HOC, мы получаем функцию результата, а не компонент. Цитата о типе возвращаемого значения функции compose из документации redux: Возврат ( Функция ):..

Hub Flow: изменение состояния

Введение | Начало работы | Изменение состояния | Демо Единственное место, где состояние должно быть изменено, находится внутри метода «реакции». Внутри реакции вы можете получить состояние с помощью hub.state Состояние Hub Flow на самом деле является просто объектом Freezer.js . Ознакомьтесь с их README для получения полной документации. Читая документацию Freezer, помните, что freezer.get() === hub.state . В примерах я буду использовать следующее состояние..