Публикации по теме 'redux'
Реагировать на контекст для чайников
React Context API — отличный способ передать состояние компонентам на разных уровнях вашего приложения React без необходимости использования инструментов управления состоянием, таких как Redux, Zustand или других.
Действительно ли моему приложению React нужен контекст?
Контекстный API React обычно используется, когда доступ к данным должен осуществляться многими компонентами на разных уровнях вложенности, согласно документам 📃📄.
Но если вы только хотите избежать сверления..
Портфолио Проект | Кольцо настроения Spotify
Веб-приложение React, ориентированное на мобильные устройства, которое определяет настроение пользователя на основе недавно прослушанной музыки на Spotify.
В феврале этого года я построил Кольцо настроения . Он проверяет недавно воспроизведенные песни пользователя на Spotify с помощью Spotify API и пытается угадать настроение этого пользователя.
Я поделился им с друзьями и разместил его в Интернете, и я рад сообщить, что он привлек более 3000 пользователей из 15+ стран ...
Шаблоны Redux: кеширование ответа API
Избегайте дублирования вызовов для получения стабильных данных
В настоящее время я экспериментирую с Contentful как с услугой для предоставления данных, которые можно редактировать и обновлять, не вызывая совершенно новый цикл тестирования / развертывания. Поскольку я объединяю свой магазин Redux в локальное хранилище, я пытаюсь выяснить схему, в которой я не запрашиваю эти данные повторно чаще, чем каждые [x], где [x] может быть ограничением по времени от миллисекунд. к дням.
В этом..
Хранение одного подсвойства с помощью Redux-Persist
Хранение одного подсвойства с помощью Redux-Persist
Недавно я столкнулся с необходимостью сохранить только одно подсвойство для данного ключа состояния в Redux при использовании Redux-Persist. К сожалению, вы не можете просто внести его в белый список, как whitelist: ['prop.subprop'] . Благодаря помощи некоторых тем по проблемам GH [1][2] я нашел несколько решений.
Просто дайте редуктору собственный ключ. Это очевидно самое простое решение. Однако это может не подойти вам, если..
Уменьшить избыточность
На прошлой неделе мы немного поработали над фреймворком Redux для JavaScript. Как обычно, много информации за ограниченное время. Нелегко приспосабливаться к новым фреймворкам или парадигмам, когда вы думаете, что начинаете понимать предыдущую.
Redux означает «возвращенный» или «возрожденный». Это название кажется подходящим для фреймворка, предназначенного для использования преимуществ стиля потока данных Flux. Вместо того, чтобы создавать программы с иерархической передачей данных от..
Создайте свой покедекс: часть 2 - @ ngrx / entity
Учебное пособие по Angular - пошаговое руководство по NgRx
Этот пост является частью серии, в которой я описываю, как построить свой Pokédex с помощью NgRx от новичка до ниндзя. Если вы хотите узнать больше, ссылки на остальные серии статей находятся внизу этой статьи.
Вступление
Очень важно прочитать первую часть этого поста , чтобы вы понимали, что мы создаем. В этом посте мы улучшим код, разработанный в первом посте, с помощью пакета @ngrx/entity , что упростит задачи по..
Реагировать Портал
Что такое портал React
В версии React 16.0 порталы React появились в сентябре 2017 года . Портал React предоставляет способ отрисовки элемента вне иерархии его компонентов, т. е. в отдельном компоненте.
До версии React 16.0 было очень сложно визуализировать дочерний компонент вне иерархии его родительских компонентов. Если мы сделаем это, это нарушит соглашение, согласно которому компонент должен отображаться как новый элемент и следовать иерархии родитель-потомок . В React..
