Category: Redux

03
Июл
2020

Онлайн: обучение фронтенду с оплатой после трудоустройства

Изучите всё, необходимое фронтенд-разработчику: HTML, CSS, JS, а также React в связке с Redux. Ничего платить не придётся, пока не найдёте работу в Москве.
— Читать дальше «Обучение фронтенду с оплатой после трудоустройства»

04
Июн
2020

Как правильно настроить роуты на сервере?

Сделал маршруты с помощью react-router-dom. На локальном сервере всё работает отлично, но когда я поместил проект на хостинг маршруты работают, но после обновления страницы я вижу ошибку 404.
Подскажите как настроить маршруты на сервере чт…

20
Май
2020

Сортировка элементов массива через Redux

Я хотел бы реализовать сортировку элементов, чтобы при нажатии на кнопку компонент сразу перерисовывался отсортированным. Ниже привожу свой код, но он не работает. Вот мои экшены: `

const usersLoaded = (persons) => {
return {

20
Май
2020

При обновлении страницы обнуляется состояние Redux

Приложение – форма с регистрацией, входом в систему и самим контентом.

Находясь на странице контента, при обновлении страницы происходит редирект на страницу логина (Redux store обнуляется).

Код reducer’а:

import { LOG_IN, CURRENT_USER…

15
Май
2020

Как обновить данные не перезагружая страницу?

Я хочу выводить списки разных типов фильмов, для этого в хедере у меня есть три ссылки ” Top rated Upcoming Now playing”. Для того чтобы рендерить список фильмов я использую один компонент, API,react-router-dom. Выглядит это следующим об…

25
Апр
2020

Как сделать поиск для To Do List на React?

Может кто-то объяснить концепцию выполнения поиска для ТуДуЛист. К примеру у меня есть компонента, которая отрисовывает саму задачу.

<ListTasks/>

В нее приходят разные props из Redux. И таких компонент рисуется на странице большо…

22
Апр
2020

Не могу изменить данные глобального state, React-Redux

когда начинаю редактировать Task, данные из локального стейта не уходят в глобальный. Пропсы получаю с помощью коннект в контейнерной компоненте. Мой массив Task, не получает изменения, а получает данные из инпута и превращается в строку э…

20
Апр
2020

Как сделать фильтрацию задач TO-DO-LIST с помощью React, Redux?

Ребят напишите пожалуйста как сделать фильтрацию, которая фильтрует задания на ‘done’, ‘active’ , ‘all’..
Примеры в интернете ужасные или очень старые. Актуального примера я не смог найти.

Вот мой Reducer + state.

import React from ‘reac…

19
Апр
2020

Как правильно создать текстовый инпут порождающий другой инпут?

Всем привет, подскажите пожалуйста как правильно в реакте сделать текстовый инпут, который при вводе будет порождать еще такой же инпут, который может создать следующий и так далее.

11
Апр
2020

Подгрузка фотографий при ререндере контента ReactJS

Всем привет. Имеется SPA на react, простенькое, с двумя кнопками сортировки. Проблема следующая: текстовые данные хранятся локально, картинки подгружаются с сервера, адреса впихиваются в src в тегах img. При пересортировке текст меняется с…

08
Апр
2020

Как в redux form сбросить значения модалки?

Есть модалка, при закрытии у неё остаются значения в стейтах (выделение элементов внутри было), но при закрытии происходит UNREGISTER_FIELD и в стейтах хранится значение уже поля, которого нет.
Как сбрасывать значения? И где лучше сбрасыва…

03
Апр
2020

Небольшое непонимание процесса авторизации с JWT

Проект строится с использованием React + Redux + Apollo Client + Graphql

Когда нам необходимо произвести авторизацию в базе данных пользователей, нужно добавлять в свой запрос параметр headers и в нем указывать токен (который, допустим, с…

02
Апр
2020

27 апреля, онлайн: интенсив «Fullstack-разработчик. JavaScript»

За 16 недель онлайн-буткэмпа научитесь думать как программист, погрузитесь в процесс непрерывного обучения и станете фулстэк-разработчиком на JavaScript.
— Читать дальше «Онлайн-интенсив «Fullstack-разработчик. JavaScript»»

29
Мар
2020

React Redux: отправляю один экшн, улетают все и страница обновляется

может кто-нибудь подсказать, куда рыть?
Я отправляю диспатч с одним экшеном, а у меня обновляются ВСЕ
Перечитал кучу статей, ничего не нашел, перебрал пару готовых решений – тоже не увидел ничего нового.
Ниже код:
/container/Root.js:

impo…

26
Мар
2020

Очередь уведомлений (Notify) в react, redux

Нужно как то организовать очередь уведомлений которые dispatch если например не может загрузить данные с внешнего API (новости Яндекса, курсы валют с ЦБ).

Сейчас есть 2 action (новости и курсы валют):

export const getNewsAction = () =&gt…

20
Мар
2020

Почему не срабатывает mapStateToProps?

Недавно начал работать с Redux, вроде все получалось. Сейчас делаю еще один компонент, добавил еще reducer’ы, action, затем вызвал combinedReducers, но по какой-то причине возникает ошибка: this.props.books is undefined. Попробовал вызыват…

18
Мар
2020

setInterval в react-native

У меня есть главный компонент App, который возвращает приложение полностью

<Provider>
<RootNavigator />
</Provider>

Каким образом на всё приложение наложить setInterval? Условно через каждые 60 секунд выводится c…

09
Мар
2020

Redux Как сделать меньше когда

есть какие то советы(или уже были статьи/ туториалы) как не писать в каждом компоненте mapStateToProps, mapDispatchToProps ,connect , а архитектурно(лаконично) все это уменьшить?

const mapStateToProps = store => {
return {

07
Мар
2020

Actions и Reducers. Redux

Всем привет. Есть 2 компонента react – notebook, calc. В каждом из которых вызываются два разных actions:

export const addItem = (item) => ({
type: NOTEBOOK_ADD_ITEM,
payload: {
item,
},
});
export const addItem = (item) …

22
Фев
2020

Структура state. Redux

Делаю учебный проект на react/redux. Есть вот такая структура стэйта:

const defaultState = {
calcState: {
currentDate: ”,
currentMoney: ”,
dataList: [],
},
};

Пытаюсь сделать редьюсер для полей currentDate и currentMon…