Публикации по теме 'redux'
Как Redux выглядит под капотом
Redux - это библиотека управления состоянием, используемая миллионами . Он предоставляет простой способ управлять своим глобальным состоянием, подписываться на него и безопасно обновлять его. Большинство из вас знает, что это такое, но не многие имеют представление о том, как это работает под капотом. В этой статье я покажу вам, как этот проект структурирован, как он был написан и какая философия стоит за ним. К концу чтения вы можете ожидать, что узнаете, как был разработан Redux, и..
Как я спроектировал одностраничное приложение на React
Со структурами данных, компонентами и интеграцией с Redux
Недавно я создал одностраничное приложение, которое взаимодействует с внутренним сервером JSON API. Я решил использовать React, чтобы глубже понять основы React и то, как каждый инструмент может помочь в создании масштабируемого интерфейса.
Стек этого приложения состоит из:
Фронтенд с React / Redux Бэкэнд-сервер JSON API с Sinatra, интегрированный с Postgres для сохранения базы данных Клиент API, извлекающий данные из..
Как удалить элемент во вложенном объекте в состоянии Redux
Ваше состояние Redux может стать сложным, вот как удалить вложенные данные
Одна из ключевых особенностей Redux - его магазин ; он содержит логику вашего приложения как объект состояния.
По сути, вы получаете ограниченное количество методов, которые можно запускать в магазине. Например, используйте getState как механизм для чтения текущего дерева состояний.
Вы можете спросить: «А как насчет того, чтобы писать в государство?»
Вот тут-то и пригодится dispatch(action) ...
Redux State Management с типами
Лучшие состояния с TypeScript
Этот пост был впервые опубликован в блоге TK .
Это часть моих исследований по созданию устойчивого и последовательного программного обеспечения.
В этом посте мы поговорим об управлении состоянием в контексте React и Redux. Я покажу вам проблему, которую я пытался решить, и предлагаемое решение, которое я сделал для работы.
Эта проблема
Перво-наперво: проблема! Эта часть действительно важна. Я пытался решить проблему, а не добавлять блестящие..
Рендеринг на стороне сервера с предварительной выборкой
Рендеринг на стороне сервера (я буду использовать SSR позже для краткости) - это довольно недавний термин, он начал свою жизнь всего пару лет назад. Изначально основной проблемой было отсутствие SEO для сложных одностраничных приложений, и появились проекты типа prerenderer . Основная идея заключалась в предварительном рендеринге приложения в другом месте (например, PhantomJS) с ожиданием выполнения javascript, а затем просто захватом всего html и последующим его обслуживанием для роботов...
Введение в неизменяемые обновления в React
Вам часто говорят не изменять вещи в приложениях React. Это действительно хороший совет, но не всегда понятно, как на самом деле выполнять эти обновления. Давайте проясним это.
Типы данных
Прежде чем мы сможем говорить о неизменяемых обновлениях, важно понять, с какими значениями мы работаем. Не используйте пользовательские классы!
Почему? Не существует единого способа клонирования экземпляров пользовательских классов в JavaScript. Стандартные методы неизменяемых обновлений..
Обработка аргументов с помощью compose
Я нашел изящный трюк, который может помочь с хаосом вызова функции с большим количеством аргументов, будь то объект с множеством свойств или что-то еще.
В JS мы можем отправлять столько аргументов, сколько мы хотим, проблема с этим иногда аргумент, отправка, извлечение вещей становятся нечитаемыми и трудными для управления.
const isUserValidForSomeAction = ({
isTheUserDumb,
isUserFromEarth,
userKnowledgeOfLanguage,
supportedLanguages,
isDevAccount,
}) =>{
/*
some..