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


Как обрабатывать редукторы Redux неизменяемым и декларативным способом
Мы все написали редюсер в нашем коде Redux, который имеет тысячу миллионов операторов распространения. Мы рады, что это работает, но нам не нравится писать из-за его многословия. Я возьму пример из этой статьи Chidi Orji в журнале Smashing Magazine, чтобы продемонстрировать, о каком редукторе я говорю, на случай, если вам посчастливилось никогда с ним не сталкиваться. из этих монстров в дикой природе: const updateReducer = (state = initState, action) => { switch..
Возможно, я стал довольно ленивым, потому что использую MobX уже год или около того.
Возможно, я стал довольно ленивым, потому что использую MobX уже год или около того. Я не вижу в этом реальной ценности. Я имею в виду, что, безусловно, приятно иметь единый способ обработки состояния независимо от его происхождения, но этот шаблон, который идет с ним, довольно ошеломляет. Не поймите меня неправильно, я люблю GraphQL и больше не хочу трогать REST, но это уже слишком. Позвольте мне провести небольшое сравнение. Это пример { const { counter } = cache.readQuery({..
Если не Redux, то что?
Дэн Абрамов , создатель Redux, недавно опубликовал статью Вам может не понадобиться Redux , в которой он указал, что разработчики де-факто выбирают Redux при создании приложений на React. , даже не задумываясь, действительно ли это им нужно. Redux не виноват. Как и любая другая библиотека, она предлагает некоторые компромиссы, такие как касание трех файлов для выполнения простых задач, описание состояния и действий как простых объектов и массивов и обработка логики через чистые..
Шаблон для Hapi.js, Web Socket, HTTP/2, React и Redux
Уровень — Продвинутый. Время чтения ~ ‹10–15 минут. TL;DR Гитхаб Репо Работающее приложение Стандартные цели Недавно я поставил перед собой цель изучить и лучше понять следующие технологии: - NodeJS Хапи.js Реагировать Редукс SSR (рендеринг на стороне сервера) Вебпак HTTP/2 Веб-сокеты Трэвис Героку С некоторыми из вышеперечисленных я работал раньше, а другие для меня в новинку. Итак, я подумал, что лучший способ изучить вышеизложенное — написать простое..
Домашняя страница + Макет + CSS-in-JS (Emotion-JS) - Часть №3 из 11
Эта запись была обновлена ​​13 августа 2021 года! 🎉 Мы обновили использование React с v16.9.0 до v17.0.2, React-Redux с v6.0.0 до v7.2.4 и ReactiveSearch с 3.0.0-rc до 3.22.0. Это третий пост для магазина фильмов, серия руководств по приложениям электронной коммерции React & Redux, созданная Appbase. Конечным результатом этой серии стал ваш собственный многофункциональный масштабируемый магазин фильмов, созданный с помощью React и Redux! В этом посте мы научим вас создавать..
Погружаемся в глубины с Memoization и Redux Reselect.
В этой статье мы узнаем, что такое мемоизация и как она была реализована внутри Redux Reselect. Что такое мемоизация? Мемоизация — это метод ускорения работы приложений за счет кэширования результатов ресурсоемких операций внутри функций и возврата кэшированных результатов с теми же входными данными, которые использовались повторно. Как мы можем реализовать это с помощью VanillaJs и es5: interface MemoizedFunction extends Function { (param: any): any; cache: { [key: string]:..
Как создать приложение для чата с использованием React, Redux, Redux-Saga и веб-сокетов
Заинтересованы в изучении JavaScript? Получите мою бесплатную электронную книгу на jshandbook.com В этом уроке я собираюсь создать простую чат-комнату. Каждый пользователь, который подключается к серверу, регистрируется при подключении, получает имя пользователя, а затем может писать сообщения, которые транслируются каждому подключенному клиенту. Об этой теме и о новых API-интерфейсах браузера можно многое узнать. Я каждый день публикую одно новое руководство в моем блоге..