Публикации по теме 'redux'
Заменяют ли перехватчики React компоненты более высокого порядка (HOC)?
С тех пор, как был представлен API перехватчиков React, возникло много вопросов о том, заменят ли перехватчики React другие распространенные библиотеки и шаблоны в экосистеме React + Redux.
Хуки были разработаны, чтобы заменить class и предоставить еще одну отличную альтернативу для компоновки поведения в ваших компонентах. Компоненты более высокого порядка также полезны для составления поведения. Есть некоторые очевидные совпадения, так что заменяют ли перехватчики React компоненты..
Лучшие практики Redux
Redux - это фреймворк React, который вам рекомендуют другие фреймворки flux. Когда я начал писать это, она была 1.0.0 (и на момент публикации последняя версия 3.0.0!), И пока еще рано говорить о том, как ее использовать.
Его автор, Дэн Абрамов , собрал некоторую отличную документацию , но она еще не полностью описывает, как работать с масштабной разработкой Redux - люди начинают спрашивать, есть ли какие-нибудь репозитории нетривиальных? приложения, использующие redux . Что ж,..
Пакетирование действий Redux
Большую часть времени во время разработки приложения мы ищем лучший способ делать что-то, более оптимальный способ, который способствует лучшей производительности нашего приложения.
Недавно, работая над проектом, разработанным с помощью React и Redux, я оказался в ситуации, когда мне нужно было выполнить отправку нескольких действий Redux одновременно. Первым делом я выполнил вызовы следующим образом:
Нет ничего плохого в том, чтобы сделать это таким образом, именно так мы обычно..
Почему для списков в Redux следует использовать объект, а не массив
Почему для списков в Redux следует использовать объект, а не массив
То же самое относится и к любому инструменту управления состоянием.
Если вы работаете над приложением, скорее всего, вы используете список элементов: пользователи, комментарии, сообщения, задачи, фильмы и т. Д.
Наиболее распространенная структура данных для списков в Javascript - это массив.
Я хотел бы объяснить, почему это может быть не лучшим выбором при хранении этих списков в инструменте управления состоянием,..
Тестирование действий async redux с помощью Jest
Тестирование вашего кода важно. Но по моему опыту написание тестов - одна из самых низких приоритетных задач, всегда речь идет о новых функциях. А потом, когда что-то ломается в производстве, все удивляются, почему.
Стратегия тестирования
В большинстве случаев стабильность существующего кода важнее, чем недоделанные и неработающие новые функции. Вложение времени в хорошую стратегию тестирования должно быть одним из главных приоритетов для любой команды разработчиков (стартап или..
Универсальный рендеринг с React и Redux
Как настроить универсальное веб-приложение React с Redux.
Предпосылка
Маршрутизация на стороне клиента с помощью response-router (часть 2)
Redux
Redux - это библиотека, которая помогает управлять своим состоянием, используя принципы, подобные Flux. Установите его и его официальные привязки React:
$ npm install redux react-redux
Сервер
Давайте добавим Redux на стороне сервера.
Вверху routes/index.jsx импортируйте Redux и Provider :
Затем создайте редуктор ,..
Приложение «Список задач» — «React и Redux с Typescript, часть 2»
"Первая часть"
Создание компонентов и отправка действий
В папке src создайте папку компонентов. Внутри этой папки создайте несколько компонентов.
Заголовок.tsx
import React, { FC } from 'react';
interface HeaderProps {
title: string;
subtitle?: string;
}
const Header: FC<HeaderProps> = ({ title, subtitle }) => {
return (
<header className="hero has-text-centered is-dark is-bold mb-5">
<div className="hero-body">
<div..