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


Лучший способ организовать хуки React-Redux
Хуки, несомненно, являются будущим идиоматического React. Как руководитель группы разработки программного обеспечения, я должен следить за тем, чтобы моя команда всегда была в курсе современных технологий, когда они имеют смысл. Что касается хуков, моя команда уже начинает применять их в новых проектах. Таким образом, я подумал, что было бы полезно погрузиться в некоторые из последних функций, которые сообщество формирует вокруг них. Парадигма хуков позволяет всем компонентам быть..
Создание приложения React с нуля (часть 4): применение руководства по стилю
Этот пост является частью серии постов для начинающих, предназначенных для людей, которые используют готовые инструменты, шаблоны или шаблоны для React, но хотят с самого начала научиться и понимать, как создавать приложение React. . Все публикации из этой серии: Часть 1: Введение Часть 2: Инициализация и первый файл Часть 3: Использование синтаксиса ES2015 Часть 4: Применение руководства по стилю Часть 5: Настройка сервера Express Часть 6: Использование модуля..
Редукс Сага
Редукс Сага Redux Saga — это библиотека промежуточного программного обеспечения для Redux, которая позволяет вам управлять побочными эффектами (например, асинхронными запросами API) более организованным и декларативным способом. Вот краткое руководство по использованию Redux Saga: Установить Редукс Сага npm install redux-saga 2. Создайте сагу Сага — это функция, которая прослушивает действие и выполняет некоторый побочный эффект. Чтобы создать Saga, вам нужно определить..
Создание визуализатора алгоритмов сортировки с помощью React и RxJS
Рабочая демонстрация Код Около 4 месяцев назад я решил провести небольшой эксперимент. Планировалось создать визуализатор алгоритмов сортировки, но суть заключалась не в самих алгоритмах. Моей целью было: Посмотрите, насколько хорошо RxJS работает с React: я рассматривал redux-observable как промежуточное ПО для обработки асинхронности и побочных эффектов. Прежде чем опробовать библиотеку, я хотел увидеть, как я сам подхожу к использованию RxJS с React. Посмотрите,..
S1E2: Управляйте своим состоянием с помощью Redux | ОБЪЯСНЕНО🔓
Мы снова вместе со 2-м эпизодом сериала «Объяснение». В этом разделе я попытаюсь объяснить одну из самых важных концепций React: Redux и Redux Toolkit. В моей предыдущей статье я рассказал вам о React Context для управления состоянием в React. Так зачем нам еще один инструмент управления состоянием, если мы уже знаем React Context? Зачем нам нужна другая система управления состоянием, отличная от React Context? У React Context были некоторые недостатки. Мы писали функции поставщика..
Что мы узнали из сохранения данных в нашем растущем приложении Electron
На Станции мы создаем приложение на базе Electron. Для обработки состояния приложения, которое содержит список установленных приложений, пользовательских настроек и т. Д., Мы используем хорошо известный фреймворк redux . По сути, каждый раз, когда пользователь повторно открывает Station, мы хотим, чтобы он восстановил свою предыдущую конфигурацию. Это означало, что нам нужно было найти способ сохранить состояние редукции. Так же просто, как redux-persist Сначала мы использовали..
React Native с Redux в компоненте класса.[Android]
давайте начнем. Чтобы использовать React Native с Redux в компоненте класса, вы можете выполнить следующие шаги:🚀 Установите необходимые пакеты: npm install react-redux redux Создайте хранилище Redux, используя метод createStore из пакета redux . import { createStore } from 'redux'; const initialState = { count: 0 }; const reducer = (state = initialState, action) => { switch (action.type) { case 'INCREMENT': return { ...state, count: state.count + 1 };..