Публикации по теме 'redux'
Лучшая структура магазина Redux
Неучтенная структура хранилища Redux затрудняет написание эффективного или читаемого кода. Иногда вам может потребоваться серьезный рефакторинг, если эти недостатки обнаружатся в середине разработки. Поверьте мне. Я прошел через это. Я собираюсь поделиться некоторыми советами по определению структуры Redux Store.
Используйте класс модели для initialState
Вместо объявления начального состояния как объекта в редукторе следует объявить класс модели и использовать экземпляр для..
Асинхронные действия в Redux
Углубление в асинхронные действия - яркий пример парадокса выбора. Вариантов так много, что сложно понять, с чего начать. Это одна из причин, почему этот пост занял больше времени, чем мои предыдущие посты о React / Redux. Другое дело, что я был в отпуске. :)
@Zackargyle написал краткий обзор
Redux-thunk Сокращение-обещание Redux-async-queue Редукция-дебаунс
Также доступны:
Redux-api-middleware Redux-async Redux-await Redux-async-connect..
Представляем flooks 3.0 — простейший менеджер состояния React Hooks
🍸³
https://github.com/nanxiaobei/flooks
Менеджер состояний для React Hooks, может быть, самый простой.
Состояние автозагрузки ▨ Модули ▨ Управление повторным рендерингом
Установить
yarn add flooks
Пример
// counter.js
const counter = (now) => ({
count: 0,
add() {
const { count } = now(); // <---- get own model
now({ count: count + 1 }); // <-- set own model
},
});
export default counter;
// trigger.js
import counter from 'path/to/counter';
const..
Я создал приложение, которое ищет API с помощью React
Неназванная канадская платформа электронной коммерции ( да, та ) искала стажеров, и я именно тот стажер.
Их процесс подачи заявок не был похож ни на один из тех, с которыми я сталкивался раньше. Мне было поручено создать веб-приложение, которое использует API фильмов OMDB ( бесплатно для данных фильмов и имеет платную возможность получать постеры к фильмам. Проверьте это на Patreon ) , отображает результаты поиска и имеет возможность добавлять и удалять номинации к любому..
Спелеология в экосистеме React
Много было написано о крутой кривой обучения React. В некоторой степени проблема заключается в том, что React и Flux/Redux переворачивают ортодоксальность MVC с ног на голову. Однако я думаю, что большая часть трудностей связана с тем, что «React» — это сокращение для десятков библиотек и инструментов, необходимых для создания реального приложения.
Разработчики, которые какое-то время были погружены в мир React, могут не осознавать, сколько общих знаний они приобрели по пути, и..
Redux withTypeScript — правильный способ строгой типизации в соответствии с Redux Toolkit.
Redux withTypeScript — правильный способ строгой типизации в соответствии с Redux Toolkit
Каждый, кто использует TypeScript, видит огромную ценность строгой типизации — она безопасна и предсказуема. Я видел много проектов, в которых используются текущие версии Redux, и в них все еще много самодекларативных интерфейсов. Это огромная проблема, если что-то изменится…
Прежде чем мы начнем, я рекомендую установить Redux Toolkit с помощью npm install --save @reduxjs/toolkit , который..
Введение в Redux
Если вы относительно новичок в JavaScript, скорее всего, вы встречали упоминания о Redux. Что именно? Что ж, чтобы начать изучение Redux, не менее важно иметь представление о React, поскольку Redux используется в тандеме для управления состоянием приложения.
Что такое React?
Если вы ранее не работали с React, React - это JavaScript-фреймворк, который помогает в организации и структуре приложения. В частности, он позволяет пользователю разбить приложение на разделы, называемые..