не убедительно

нет такой цели

posts: new Map([ [1, {}], [2, {}], ])

JSON.stringify(posts)

JSON.stringify(posts)

JSON.stringify(posts.entries())

редакс например так делать не будет

в ридаксе лучше иммутабл.жс юзать

Добрый день! подскажите в чем ошибка. Есть данные которые запрашиваются с сервера и при unmount должны очищаться , но этого не происходит. componentDidMount() { console.log('Mount', this.props.products.loaded); if (!this.props.products.loaded) { const slug = this.props.match.params.slug; this.props.getProductsRequest(`/api/categories/${slug}/`) .catch(error => console.log(error)) } } componentWillUnmount() { console.log('Unmount') this.props.unsetProducts(); } в логе выводит Mount true Unmount Mount true используется react 16. Ощущение, что установка ногового стейтса в редаксе также асинхронная операция

в редюсере case UNSET_PRODUCTS: return {loaded: false};

А третье сообщение 'Mount true' кто выводит?

Если это повторный маунт... То как ты это сделал и зачем)

А третье сообщение 'Mount true' кто выводит?

повторный mount

беру значит и меняю через NavLink

loaded проверяется так как есть SSR и не всегда при mount нужно грузить данные с сервера

у тебя может сначала отрисоваться компонент, а уже потом поменяться loaded

я б в componentDidUpdate еще проверял

Ну или, вооще, вынес загрузку в action creator

вот меня это и смущает, разве установка стейта в редаксе асинхронная ?

нет, синхронная

а данные вообще чистятся по факту? хоть во время ремаунта, хоть после

что в логах redux devtools?

Да, action-то посылается?

а данные вообще чистятся по факту? хоть во время ремаунта, хоть после

чистятся данные, но я еще использую react loadable

Скорее всего из-за динамической загрузки компонента

как подключить @babel/polyfill ? я подключаю в ентри файле на что выдает ошибку Can't resolve 'regenerator-runtime/runtime'

как подключить @babel/polyfill ? я подключаю в ентри файле на что выдает ошибку Can't resolve 'regenerator-runtime/runtime'

Ну я его app.js подключаю

я это и делаю

Я не знаю зачем его подключать в entry.js

Не погоди, ты сам написал, что entry.js подключаешь

А как подключаешь?

как на скриншоте

забей на @babel/polyfill и сделай npm i regenerator-runtime. В в вебпаке entry, напиши: ['regenerator-runtime/runtime', ‘./path/to/index.js’]

А @babel/polyfill у тебя devDependency ?

А @babel/polyfill у тебя devDependency ?

короче, я удилил package-lock.json потом переустановил все и начало работать. До сих пор не понимаю как эта штука работает

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

короче, я удилил package-lock.json потом переустановил все и начало работать. До сих пор не понимаю как эта штука работает

А посомотри у тебя полифил в дев зависимостях?

Рани интереса

Скорее всего у тебя он был в дев зависимостях

нет, в основных

А должен быть просто в основных

Потому что он грузится раньше всего кода на странице

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

Понял примерно 40%

ребят, посоветуйте date picker? гугл выдает что-то неюзабельное

подскажите какой интерфейс должен быть у SPA? ну то есть как они должны выглядеть. Инструментами я вроде владею, но как разрабатывать кошерный интерфейс я не понимаю. На какие страницы бить приложение, какая логика должна быть на какой то кокретной странице, а какую логику лучше вынести на другую страницу чтобы не перегружать интерфейс. Может где то можно про это посмотреть или почитать?

подскажите какой интерфейс должен быть у SPA? ну то есть как они должны выглядеть. Инструментами я вроде владею, но как разрабатывать кошерный интерфейс я не понимаю. На какие страницы бить приложение, какая логика должна быть на какой то кокретной странице, а какую логику лучше вынести на другую страницу чтобы не перегружать интерфейс. Может где то можно про это посмотреть или почитать?

Ищи доклады на тему SPA UX. Я годных статей не встречал.

Ищи доклады на тему SPA UX. Я годных статей не встречал.

спасибо

Всем привет) Как понял, при клике на MenuItem должно брать аттрибут name. Но в итоге при handleItemClick оно ругается что name undefined ( Каким образом можно получить аттрибут name?

Всем привет) Как понял, при клике на MenuItem должно брать аттрибут name. Но в итоге при handleItemClick оно ругается что name undefined ( Каким образом можно получить аттрибут name?

e.target.name

Что передаётся в reducer в качестве state? Откуда берётся state?

Что передаётся в reducer в качестве state? Откуда берётся state?

это состояние редьюсера на данный момент

это состояние редьюсера на данный момент

Не понимаю, как у функции может быть состояние? Единственное состояние в приложении это же store

Не понимаю, как у функции может быть состояние? Единственное состояние в приложении это же store

у функции нет состояния. у стора - есть

редьюсер - кусок стора и state - его состояние

редьюсер это функция которая должна изменить состояние

состояние в хранилище

как раз таки менять она ничего не должна)

Просто я не могу понять, почему в reducer передаётся не полностью store, а какой-то его кусок. Откуда он берётся?

Просто я не могу понять, почему в reducer передаётся не полностью store, а какой-то его кусок. Откуда он берётся?

Ну в смысле?(

ERROR: S client not available

Просто я не могу понять, почему в reducer передаётся не полностью store, а какой-то его кусок. Откуда он берётся?

ну ты можешь для конкретных сущностей написать редьюсер. Это чтобы в общем редьюсере не описывать все для всех

да там надо просто понимать стэк. я хз, как это объяснить, чтобы человек понял идею

ну ты можешь для конкретных сущностей написать редьюсер. Это чтобы в общем редьюсере не описывать все для всех

Я написал редьюсер для компонента TaskList и ожидаю, что в качестве state в этот редьюсер передастся объект той же структуры, что передаётся в props компонента TaskList

но получаю другой объект - вот и пытаюсь понять, откуда он взялся

как он формируется

для компонентов не нужно писать редьюсеры

Я написал редьюсер для компонента TaskList и ожидаю, что в качестве state в этот редьюсер передастся объект той же структуры, что передаётся в props компонента TaskList

редьюсер для одного компонента? редьюсер нужен для выделения какой-то логической сущности, скорее

Всем привет! Я буду только благодарен, если кто-то подскажет... Есть файл Modal.js в нем реализован большой компонент: export class Modall exnends Component { —здесь функционал.... render() { return () - то что должно отрисовать... } Как мне этот компонент разбить как маленькие компоненты и соедение в основной modal Спассибо за внимание коллеги!

ребят, нужно вывести на страницу Юзеров, их коменты и их посты, как правилтьно создать такой Json? [ { "id": "1", "first_name": "Петя", "last_name": "Иванов", "age": "21", "img": "https://3d-atelier.com.ua/wp-content/themes/shopkeeper-child/Landing_By_ElSolo/img/inst_logo-min.png", "post": [{'nomer1'}, {'nomer2'},{'nomer3'}], "comments": [{'comment1'},{'comment2'},{'comment3'}] } ] это как я уже понял, не верное решение

Посмотри курс Романа Якобчука там что-то подобное есть и половина вопросов отпадут

Я написал редьюсер для компонента TaskList и ожидаю, что в качестве state в этот редьюсер передастся объект той же структуры, что передаётся в props компонента TaskList

https://redux.js.org/basics/reducers

https://redux.js.org/basics/reducers

читал уже сегодня, щас попробую ещё раз

всем привет , подскажите плз видеуроки по создание сайта или интернет магазина на react + redux or next.js, react ,redux

читал уже сегодня, щас попробую ещё раз

Ты комбайн юзаешь?

Ты комбайн юзаешь?

да

Поля в аргументе комбайна соответствуют полям стейта в сторе

То есть на какой кусок стейта в комбайне редусер повесишь, тот и будет приходить

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

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

Странный вывод. Комбайн работает логично, данные передаются через экшн

для компонентов не нужно писать редьюсеры

спорное утверждение

спорное утверждение

компонент просто отрисует пропсы, причем тут редьюсер?

селектором ты соберешь для него эти пропсы

для компонентов не нужно писать редьюсеры

ризон не согласен

компонент просто отрисует пропсы, причем тут редьюсер?

пишешь отдельный редьюсер, компонент создает на протяжении своей жизни для себя стор, по анмаунту чистит. При чем здесь пропсы?

Скажите плз пример тогда) Чет не понимаю

есть даже целая либа, пусть не очень популярная react-redux-self

компонет создает стор? что-то странное

а redux-form

не создает?

вот тебе и пример