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

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

useReducer — лучший вариант, чем useState

от Джубой Джонсон Хук useReducer React сложен и поначалу немного сложен для масштабирования. Тем не менее, после того, как вы разберетесь с этим хуком и узнаете, как его использовать, управление состоянием становится настолько простым, насколько это возможно, особенно в аспекте отслеживания различных частей состояний, реализованных с помощью хука useState . В этой статье мы рассмотрим хук useReducer и почему он лучше подходит для управления сложными состояниями в React, чем..

Управление ориентацией печати в React

Итак, рассмотрим практический случай. Вы разрабатываете одностраничное приложение с использованием React (и, возможно, Redux). Вам необходимо распечатать некоторые документы . Сделать это легко. Вы отображаете страницу, а затем позволяете пользователю нажимать CTRL и P . Вуаля . Страница напечатана. В чем проблема? Что ж, предположим, вы хотите (должны) напечатать 2 документа в разной ориентации . Один из них будет портретным, а другой - альбомным. Наивный подход..

Связанные компоненты высшего порядка с React и Redux

Недавно я начал использовать React и Redux для восстановления одного из основных компонентов на сайте Gogobot . Чтобы лучше понять проблему, вот несколько снимков экрана одного из компонентов на этой странице. Не разбираясь в деталях компонента, вы можете увидеть, что компоненты имеют много общего: Подсчет метки, которая отображается / скрывается в зависимости от количества элементов, выбранных мной в фильтре. Выпадающий список, который открывается при нажатии значка. После..

Почему неизменяемые объекты используются в Redux

Redux — это библиотека управления состоянием во внешней части веб-приложения. Состояние всего приложения хранится в одном объекте, который называется хранилище . В игре с редуксом ключевым моментом является то, что называется Неизменяемые объекты . Что такое неизменяемый объект? В информатике неизменяемый объект — это объект, состояние которого нельзя изменить после его создания. Другими словами, после создания неизменяемого объекта его значение нельзя изменить. Неизменяемые..

React-Redux и шаблон провайдера

Много было написано о реакции, сокращении и однонаправленных потоках данных, а также о том, как вы можете объединить все это, чтобы сделать радужного пердящего единорога из вашего одностраничного приложения. Однако в этом посте Имма рассказывает о шаблоне Provider, который используется React-Redux (и MobX, и Apollo, и любой другой будущей инфраструктурой). Различные языки программирования и фреймворки предложили разные реализации шаблона Provider. Я собираюсь написать о шаблоне Provider в..

Введение в реактивные приложения

tl: dr; просто используйте этот https://learnredux.com/ Но почему? Реактивные приложения в последнее время стали повальным увлечением во фронтенд-пространстве. Такие компании, как Google, Facebook и PayPal, штурмом взяли эту концепцию и сделали рывок в сторону клиентских интерфейсов на основе компонентов с интенсивным использованием данных. Возможность взять компонент и легко повторно использовать его в другом месте была обычным явлением в модульно-ориентированном бэкэнд-мире на..

Как создать приложение React с помощью RTK-QUERY

Улучшите свой сервисный уровень в своих проектах Redux-toolkit Как создать приложение React с помощью RTK-QUERY Руководство для начинающих по написанию запросов с помощью rtk-query Невозможно быть фронтенд-разработчиком, работающим с React, и не слышать о редуксе в своей жизни. Большинство компаний используют Redux в своей кодовой базе, и знание его основных концепций стало одной из основ работы Frontender. Существует много дискуссий о том, использовать или не использовать его в..