Category: Redux

25
Июл
2021

Как сделать анимацию переключения картинки

Доброго времени суток!
Я только учусь и поэтому прошу сильно не ругать за возможные глупости! 🙂
Делаю учебный проект интернет магазина на React.js + Redux, так вот сделал я компонент по типу слайдера и выглядит он примерно вот так:

работ…

19
Июл
2021

Redux-Persist не сохраняет state

Не сохраняются данные из стейта в локалСторадж. Сталкивался кто?
store.js

import { createInjectorsEnhancer } from ‘redux-injectors’;
import { applyMiddleware, createStore } from ‘redux’;
import { composeWithDevTools } from ‘redux-devto…

17
Июл
2021

Не работает валидация Yup в управляемых инпутах

Я создаю форму в React через Formik, валидирую поля через Yup. Состояние(значения) полей храню в Redux, при каждом изменении обновляю. Но, кажется из-за этого не работает валидация через Yup, будто оно не видит значения поля. Вот код:
Как …

13
Июл
2021

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

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

13
Июл
2021

Митап «Common anti-patterns in JS apps»

Эксперт по бэкенд- и фронтенд-разработке поговорит о типичных проблемах на бэкенде с Node.js, о фронтенде с React/Redux, ответит на вопросы и даст рекомендации.
— Читать дальше «Митап «Common anti-patterns in JS apps»»

11
Июл
2021

Реализация редактирования сообщения

Есть блок сообщения, в котором есть текст, этот блок сообщения сохраняется в стейте, таких блоков сообщений может быть несколько. В каждом блоке есть кнопка Edit, при нажатии на которую, должен меняться текст сообщения, на котором была наж…

11
Июл
2021

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

У меня есть таблица с заявками на React. Моя задача состоит в том, чтобы по клику на одну из заявок открывалось модальное окно именно с теми данными, которые непосредственно относятся к этой заявке. В модалке я могу подробнее посмотреть да…

03
Июл
2021

Нужен ли Sate Management (Redux,Mobx и тд) в 2021

Нужен ли State Management (Redux,Mobx и тд) в 2021?Говорят что Хуки могут утеснить например Redux и подобных,но еще часто слышу что в больших приложениях есть Redux.Хотелось бы услышать ваше мнение будет ли процветать State Management,стои…

21
Июн
2021

При PATCH запросе выдает ошибка 400

Я работаю над одним веб-приложением на библиотеке React, на фейковом сервере "Json – server".
У меня возникла такая проблема, т.к впервые пользуюсь методом PATCH, не могу изменить данные на сервере, выдает ошибка 400 в консоли, а…

11
Июн
2021

Курс «JavaScript-фреймворк React.js»

За 3 месяца научитесь применять фреймворк React.js, расширите профессиональные навыки и пополните портфолио.
— Читать дальше «Курс «JavaScript-фреймворк React.js»»

26
Май
2021

Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:

Не так давно начал изучать React + Redux, после подключения react-redux библиотеки вылезла ошибка(сейчас уже не опишу её точно, но в итоге пришёл к выводу, что нужно просто всё обновить, обновил, и теперь не знаю как пофиксить проблему ибо…

26
Май
2021

Курс «Fullstack-разработчик на JavaScript»

За полтора года с нуля научитесь программировать на JavaScript и TypeScript и освоите передовые технологии — React, Node.js, Docker, Express.js, Nest.js, Firebase, MongoDB.
— Читать дальше «Курс «Fullstack-разработчик на JavaScript»»

26
Май
2021

Получение данных в один объект redux store

Нужно объединить несколько данных redux store в один объект, например есть такое хранилище
, но проблема в том, что он должен быть в одном объекте, но я не понимаю как это сделать, то есть должно быть что то такое

то есть объединено допус…

20
Май
2021

Как в Redux Toolkit использовать preloadedState

Мне нужно, чтобы при обновлении страницы не сбрасывалось хранилище. Проверял через консоль, oldState хранит state с изменениями. Теперь осталось понять должно быть в preloadedState. Я понимаю что туда надо передать oldState но что-то не до…

20
Май
2021

Как в Redux Toolkit использовать preloadedState

Мне нужно, чтобы при обновлении страницы не сбрасывалось хранилище. Проверял через консоль, oldState хранит state с изменениями. Теперь осталось понять должно быть в preloadedState. Я понимаю что туда надо передать oldState но что-то не до…

17
Май
2021

CRUD с Redux(JS) – реализация добавления, удаления, изменения данных на стороннем API

Коллеги, кто может помочь с реализацией добавления, удаления, изменения данных на стороннем API? Получил массив данных, который рендерится, и теперь необходимо добавить функционал добавления, удаления и изменения полученных данных. Как про…

16
Май
2021

как записать результат fetch в state Redux

Нужна помощь в выполнении простой операции – запись результата fetch в store Redux.
При маунте файла postlist.js данные из fetch запроса должны записываться в state, но ничего не происходит(даже action не стреляет в интсрументах разработчи…

15
Май
2021

FirebaseError: Function addDoc() called with invalid data. Unsupported field value: a function (found in field id in document messages/jam5Xj1DryC4Xc)

Я хочу создать новый документ в firestore firebase, но выводит ошибку
Unhandled Rejection (FirebaseError): Function addDoc() called with invalid data. Unsupported field value: a function (found in field id in document messages/STvSdTnV5NUP…

11
Май
2021

Как получить state из useSelector после выполнения dispatch?

У меня есть компонент FormCheck (Чекбокс), который вызывает функцию handleChange в событии onChange. Задача: изменить состояние чекбокса, и отправить на сервер запрос с новым состоянием. Проблема заключается в том, что dispatch выполняется…

23
Апр
2021

Как обратиться к store в reducer`е? Redux

Вопрос возможно и тривиальный, но найти информацию по нему у меня не получилось.
У меня в store лежит mapSection в которой есть ключ directions со значениями. Как мне в mapReducer’е в функции обратиться к directions? Надо ли это делать чер…

22
Апр
2021

Не рендерится страница после перезагрузки

Всем здравствуйте, столкнулась с проблемой, что рендерится после перезагрузки и перехода на другую страницу. Редирект на /login срабатывает, страница отрисовывается, но если перейти на /signup либо перезагрузить страницу, путь меняется и с…

26
Мар
2021

Ошибка “Can’t assign to property” scrollLeft “on 1: not an object” Когда пытаюсь использовать ref в кастомной функции

У меня есть рабочая анимация объекта, созданного с помощью хука "useRef". Часть кода в этой анимации будет повторяться несколько раз, поэтому я переместил ее в отдельную функцию, но когда я пытаюсь вызвать эту функцию, при рендер…

23
Мар
2021

Как анимировать движение блока использующего хук useRef?

В приложении есть свайп элемент. Его можно двигать мышью влево/право. Если не довести элемент до конца то он сам автоматически доводится. Сейчас у меня он становится на место резко. Не могу понять как сделать анимацию что бы элемент плавн…