можно ли использовать normalizr в редьюсерах ?

можно ли использовать normalizr в редьюсерах ?

Нет

https://codesandbox.io/s/5vn9qxon7k полностью рабочее

Спасибо большое

Никак не могу понять можно ли в редаксе замутить несколько сторов чтобы можно было нормальные гет и сет глобальные из разных компонентов делать

Никак не могу понять можно ли в редаксе замутить несколько сторов чтобы можно было нормальные гет и сет глобальные из разных компонентов делать

Зачем тебе их несколько? В других стейт менеджерах можно несколько, в редаксе не принято

Зачем тебе их несколько? В других стейт менеджерах можно несколько, в редаксе не принято

ну хрен с ним пусть один стор глобальный будет, как узнать состояние переменной

ну хрен с ним пусть один стор глобальный будет, как узнать состояние переменной

Ты доки читал? connect

Ты доки читал? connect

читал, можешь на пальцах объяснить что делать для того чтобы просто посмотреть что в переменной в сторе

читал, можешь на пальцах объяснить что делать для того чтобы просто посмотреть что в переменной в сторе

redux-thunk

читал, можешь на пальцах объяснить что делать для того чтобы просто посмотреть что в переменной в сторе

Когда? И где?

Когда? И где?

Условно: есть 3 компонента, 2 из наих меняют цвет у третьего. при изменении цвета нужно узнать текущее значение

Условно: есть 3 компонента, 2 из наих меняют цвет у третьего. при изменении цвета нужно узнать текущее значение

Connect же

Connect же

коннект выполняется однократно? я единственное что понял из смысла коннекта это прокидывание в пропсы компонента свои переменные

коннект выполняется однократно? я единственное что понял из смысла коннекта это прокидывание в пропсы компонента свои переменные

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

коннект выполняется однократно? я единственное что понял из смысла коннекта это прокидывание в пропсы компонента свои переменные

Ну да, "подключает" стор и методы для работы с ним

если редакс методом менять стор, то все компоненты, подключившие этот стор получат новые props

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

через connect ижектится весь стор? или выборочно можно?

через connect ижектится весь стор? или выборочно можно?

Я же написал(, mapStateToProps, первый аргумент в коннекте

через connect ижектится весь стор? или выборочно можно?

Выборочно же, mapStateToProps указываешь, что тебе из стора надо

через connect ижектится весь стор? или выборочно можно?

Перечитай доки или иди в @js_noobs_ru

Понял принял @gropox @tanyaisinmybed и адимн, спасибо

привет, есть кто не спящий

кто как борется с infinity loop в setState

//get foundPlaces from markerpanel getFoundPlaces = (foundedPlaces) => { if(foundedPlaces !== this.state.foundPlacesFromMarkerPanel){ this.setState({ foundPlacesFromMarkerPanel : foundedPlaces }) } }

//get foundPlaces from markerpanel getFoundPlaces = (foundedPlaces) => { if(foundedPlaces !== this.state.foundPlacesFromMarkerPanel){ this.setState({ foundPlacesFromMarkerPanel : foundedPlaces }) } }

Где ты её вызываешь и как?

вызываю в рендере ребенка до return

вызываю в рендере ребенка до return

Из render нельзя вызывать. Почему в render?

потому что там находится отсортированный массив, можно внутри самого компонента. <MarkersList sendArray={this.props.getPlaces(foundedPlaces)} showWindow = {this.props.openInfoWindow} {...[foundedPlaces]} /> но результат один и тот же

Если надо просто отфильтровать входные данные, то не обязательно делать setState, можно в render результат использовать

данные отфильтрованы, передать родительскому компоненту

Ну тогда фильтровать надо в родителе, а не в ребенке. В ребенке только задается фильтр.

уже эта логика есть

К примеру страничка со списком городов и фильтром по названию города. У MyPage два дочерних компонента, Filter и CityList. В Фильтре только задается фильтр. По onchange к полю cityname вызывается метод родителя переданный в props. В MyPage компоненте уже сам филтьр cityname передается пропсами в компонент CityList где данные и фильтруются

И рендеряться в виде списка

я в курсе, но эта логика что есть, уже есть и все

задача поднять от ребенка отфильтрованный массив и не получить инифинити

задача поднять от ребенка отфильтрованный массив и не получить инифинити

какой инфити?) Просто вызови функцию в ребенке(с)

Ну тогда в ребенке в методе ComponentShouldUpdate проверять, поменялся ли state

какой инфити?) Просто вызови функцию в ребенке(с)

вызываю, как раз инфинити

вызываю, как раз инфинити

по событию?

нет, просто

в didUpdate стейт меняешь?

в didUpdate стейт меняешь?

нет

покажи код двух компонентов где это делаешь

покажи код двух компонентов где это делаешь

gist

https://gist.github.com/Natanagar/9fcc89f3dac9da6efb2fb51375e0652b https://gist.github.com/Natanagar/67929a10eaf47edf4d9908b52eb2fdaa - ребенок

Кто может объяснить, в чем фишка typescript? Кто может привести реальный кейс, когда эта штука помогла в чем нибудь? Хочу разобраться

В контексте реакта

https://gist.github.com/Natanagar/9fcc89f3dac9da6efb2fb51375e0652b https://gist.github.com/Natanagar/67929a10eaf47edf4d9908b52eb2fdaa - ребенок

не пойму где MarkersPanel

ой сорри(( апдейтни

https://gist.github.com/Natanagar/67929a10eaf47edf4d9908b52eb2fdaa#file-markerpanel-js-L53 здесь походу, при рендере ты вызваешь функцию getPlaces, которая сверху дергается стейт родителя, который опять обновляется и спускает заново функцию, которая опять при рендере вызывается и опять менят сверху стейт, что порождает цикл

ERROR: S client not available

да, как лечим? условие есть, но почему-то все равно подвисает

https://gist.github.com/Natanagar/9fcc89f3dac9da6efb2fb51375e0652b#file-app-js-L365 поставь здесь брекпоинт или консол лог и посмотри сколько раз вызывается

Зачем тебе их несколько? В других стейт менеджерах можно несколько, в редаксе не принято

Потому редакс и говно ?

да, как лечим? условие есть, но почему-то все равно подвисает

по лечение я пока не совсем понял что ты сделать хочешь, такое ошушение что ты в чилдрене считаешь, то что можно посчитать в паренте)

можно в ридакс логику вынести я думаю сходу получитсся все правильно делать, готовить логику в компонентах, это тренироваться много надо)

по лечение я пока не совсем понял что ты сделать хочешь, такое ошушение что ты в чилдрене считаешь, то что можно посчитать в паренте)

если ты о сортинге, но сейчас наверное я не готова это все поменять( нужны веские причины и достаточные знания

если ты о сортинге, но сейчас наверное я не готова это все поменять( нужны веские причины и достаточные знания

ну если в лоб getFoundPlaces перенис в чилдрен, он вроде у тебя в паренте ни к чему не привязан

ну если в лоб getFoundPlaces перенис в чилдрен, он вроде у тебя в паренте ни к чему не привязан

просто это метод поднимает массив с выбранными местами в верхний компонент и там должна быть обработка данных, там же все стейты (все маркеры, места все и вот будут сортированные места)

просто это метод поднимает массив с выбранными местами в верхний компонент и там должна быть обработка данных, там же все стейты (все маркеры, места все и вот будут сортированные места)

тогда в чилдрене меняет стейт по событие вне рендера

тогда в чилдрене меняет стейт по событие вне рендера

короче без изменения основной логики, шансов нет((, а если подумать (отсортирванные места уже в скоупе и перенести их трудно будет)

Кто слышал про школу интерфейсов Яндекса? Что можете сказать о ней?

Кто слышал про школу интерфейсов Яндекса? Что можете сказать о ней?

если хочешь в яши работать то норм)

если хочешь в яши работать то норм)

у нас на курсах их хвалили, типо серьезная подготовка, почему именно онли яндекс?

у нас на курсах их хвалили, типо серьезная подготовка, почему именно онли яндекс?

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

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

ну да) мне не светит, где я и где Яндекс)) но кому удобно, вайнот?))

@livemirsi думаешь без шанса у меня?

@livemirsi думаешь без шанса у меня?

не понял, шанс на что?)

поднять мои данные

поднять мои данные

я не вижу смысла в поднятие, ты все это в паренте можешь сделать, посмотри внимательней, ты считаешь в рендере их из пропсов

ну как учили, так и делаю))

ну как учили, так и делаю))

вообще если новчиок, лучше ридакс юзай, там всё просто и линейно, выстрелить себе в голову достаточно сложно, строить логику на самих стейтах раекта, можно, но сложно, плюс надо хорошенько понимать как всё это работает

вообще если новчиок, лучше ридакс юзай, там всё просто и линейно, выстрелить себе в голову достаточно сложно, строить логику на самих стейтах раекта, можно, но сложно, плюс надо хорошенько понимать как всё это работает

стоп, мне надо взять и сдать этот проект, а потом лезть во Flux=Redux и я даже знаю почему (потому что уже 500 строк логики в аппе), но дедлайн горит и сейчас влазить на месяц-другой - это несерьезно

чем больше поднимаешь логику выше, тем сложнее с ней общаться (передавая все это добро по пропсам-стейтам), но в данном контексте сделать вопрос)) отсортируй маркеры на карте по результатам сортинга мест и вот

let foundedPlaces if(this.state.value){ const match = new RegExp(escapeRegExp(this.state.value, 'i')) foundedPlaces = this.props.listOfMarkers.filter((place)=>match.test(place.name)) } else { foundedPlaces = this.props.listOfMarkers } вот это всё в парент, а потом проверку просто делай в чайлде если велью такой то, пускай дальше такие данные, если нет то другие, ну это если грубо сделать

let foundedPlaces if(this.state.value){ const match = new RegExp(escapeRegExp(this.state.value, 'i')) foundedPlaces = this.props.listOfMarkers.filter((place)=>match.test(place.name)) } else { foundedPlaces = this.props.listOfMarkers } вот это всё в парент, а потом проверку просто делай в чайлде если велью такой то, пускай дальше такие данные, если нет то другие, ну это если грубо сделать

там же value придется поднять, а оно вообще из 3 компонента идет(( млин