Публикации по теме 'state-management'
Разделение интересов в «React»
Разделение задач в React может помочь сделать вашу кодовую базу более организованной, удобной в сопровождении и понятной. каждый компонент должен иметь единую четко определенную ответственность, а взаимодействие между компонентами должно быть максимально простым. Это может сделать код более читабельным, поддерживаемым и тестируемым.
Вот несколько распространенных способов разделения проблем в приложении React:
Презентация и логика
Используйте шаблон контейнер/компонент, чтобы..
Функции конечного состояния
Никогда больше не используйте если . Прототип, тест и код. КРАСНЫЙ-ЗЕЛЕНЫЙ-СИНИЙ , как говорит дядя Боб.
Введение
Конечные автоматы — полезная концепция в информатике и программировании, и они часто используются для моделирования поведения систем. В этом путешествии я исследую этот новый способ программирования, чтобы ответить на такие вопросы, как что такое конечные автоматы, как они работают, как я могу внедрить htem в свой рабочий процесс.
Конечный автомат — это математическая..
Создайте список покупок с помощью React Hook useReducer
Список покупок с помощью useReducer React Hook — небольшое упражнение, чтобы упростить понимание useReducer.
С появлением Redux как решения для управления состоянием для React концепция Reducer стала популярной в JavaScript. Мое понимание редюсеров всегда было неоднозначным, так как useReducer предоставляется React как продвинутый хук, я решил немного поупражняться с ним.
Большинство примеров редукторов, которые я видел, относятся к некоторым функциям счета, а также к..
Самоуверенное руководство по управлению состоянием Javascript — Часть 1: Введение
Введение для новичков в мир управления состоянием пользовательского интерфейса Javascript и фреймворков
Это первая статья из серии статей о моей философии управления состоянием в приложениях Javascript User Interface (UI). Я хочу отметить, что у меня есть опыт работы с некоторыми довольно крупными интерфейсами, и у меня может быть некоторый уклон в сторону шаблонов, которые подходят для этой ситуации. Это не значит, что я хочу использовать мощные фреймворки для всех ситуаций. Наоборот, я..
Создание эффективных селекторов повторного выбора
Почему они могут выполнять вычисления чаще, чем предполагалось, и некоторые передовые методы управления более сложными сценариями
Reselect - ключевой компонент любой архитектуры, использующей шаблон Redux. Он играет большую роль в доставке нужных данных каждому компоненту, а также помогает информировать React о том, когда нужно выполнить повторный рендеринг. Поэтому очень важно, чтобы селекторы были эффективными, они пересчитывали только те действия, которые производят новый результат...
useState в обычном функциональном компоненте реакции
Поскольку я начал сохранять свои реагирующие компоненты без состояния, мне пришлось найти способ обрабатывать мое глобальное состояние внутри компонента без состояния вместо передачи нескольких реквизитов из компонентов класса. Это может быть ваш вопрос сейчас, почему мы начали продолжать это делать?
Поскольку они являются чистыми функциями, ваши утверждения очень просты, и мы все знаем, что написание модульного теста для компонентов с состоянием довольно хлопотно, и поэтому простые..
API контекста React
Всем привет! Сегодня мы поговорим о Context API. Контекстный API - одна из лучших функций react. Так что, если вы взволнованы, продолжайте читать, это будет хороший урок.
Что такое React Context API?
React Context API - это способ создания глобальных переменных, которые можно передавать в приложении React. Это альтернатива «сверлению опоры» или передаче опоры от бабушки и дедушки к родителям к детям и так далее. Контекст часто рекламируется как более простое и легкое решение..
