You have to be careful about the meaning of this in JSX callbacks. In JavaScript, class methods are not bound by default. If you forget to bind this.handleClick and pass it to onClick, this will be undefined when the function is actually called.

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

this.handleChange = this.handleChange.bind(this); this.handleSubmit = this.handleSubmit.bind(this);

Классы в жс ненастоящие и работают своеобразно, как и функции-конструкторы. Копать в направлении прототипного наследования

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

Про this в контексте функций знаешь? function a(){ console.log(this) // undefined }

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

Поэтому если ты в хэндлере решил делать, например, this.state, то this функции нужно прибиндить вручную

Юзайте arrow functions.

Код чище станет

Юзайте arrow functions.

стрелочные функции насколько я помню не создают изолированный скоуп, и то есть получается что в реакте при использовании стрелочных функций мы работаем с объектом window?

или что то не так понимаю

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

Ну тогда в функции без стрелки есть this, который не относится к классу, в котором объявлен

Я к тому, что this становится лексическим.

И берется из замыкания, как переменная.

Ну тогда в функции без стрелки есть this, который не относится к классу, в котором объявлен

почему не относится?разве: obj: { myFunc: function () { console.log(); } obj.myFunc(); - не будет иметь контекст объекта obj?

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

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

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

https://reactjs.org/docs/react-component.html#componentdidmount

https://reactjs.org/docs/react-component.html#componentdidmount

у меня со стора собираются даные для запроса и на componentDidMount не все данные готовы

у меня со стора собираются даные для запроса и на componentDidMount не все данные готовы

архитектурная проблема

Попробуй мержить данные из стоpа в локальный стэйт на стадии getDerivedStateFromProps

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

у меня со стора собираются даные для запроса и на componentDidMount не все данные готовы

а для сайд-эффектов что используете?

а для сайд-эффектов что используете?

saga

подскажите, хочу у поля ввода иметь onBlur и onFocus, которые бы меняли поле стейта на противоположное. однако сделал для тестов onFocus={alert("Im focused")} onBlur={alert("Im blured")} и получилось, что и blur и focus вызываются при начальном рендере несколько раз. как это можно отключить?

подскажите, хочу у поля ввода иметь onBlur и onFocus, которые бы меняли поле стейта на противоположное. однако сделал для тестов onFocus={alert("Im focused")} onBlur={alert("Im blured")} и получилось, что и blur и focus вызываются при начальном рендере несколько раз. как это можно отключить?

через замыкание

через замыкание

не представляю, как. можно пример?

подскажите, хочу у поля ввода иметь onBlur и onFocus, которые бы меняли поле стейта на противоположное. однако сделал для тестов onFocus={alert("Im focused")} onBlur={alert("Im blured")} и получилось, что и blur и focus вызываются при начальном рендере несколько раз. как это можно отключить?

Вы вызываете функцию в момент рендера, а не передаете её как аргумент. Рекомендую вам пройти какой-нибудь курс по JavaScript

У вас пока нет понимания того, как это вообще работает. Вы только больше запутаетесь

подскажите, хочу у поля ввода иметь onBlur и onFocus, которые бы меняли поле стейта на противоположное. однако сделал для тестов onFocus={alert("Im focused")} onBlur={alert("Im blured")} и получилось, что и blur и focus вызываются при начальном рендере несколько раз. как это можно отключить?

ты передаешь в onFocus результат работы функции, а не функцию. Нужно передать функцию.

а, дошло. Спасибо за помощь.

у меня со стора собираются даные для запроса и на componentDidMount не все данные готовы

напиши в лс

как задетектить из history (react router dom) что страница была именно обновлена, а не goForward или goBack

action POP на все эти три события показывается.

если проще, то как понять, что страница только открылась

если проще, то как понять, что страница только открылась

Поймать load или DOMContentLoaded

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

но что делать если есть например такой функционал. Постучались на бек, если все круто стучимся еще 3 запросами на бек

как организовать такое поведение

но что делать если есть например такой функционал. Постучались на бек, если все круто стучимся еще 3 запросами на бек

thunk ?

но что делать если есть например такой функционал. Постучались на бек, если все круто стучимся еще 3 запросами на бек

Saga

+ есть такя штука как последовательность вывода ошибок. Если к премеру забить и постучать на бек всеми нужными запросами не ожидая ответа то прилетят 3 ошибки, и нужная мне будет первой, если она увеньчалось не удачей, то и другие дадут феил.

thunk ?

да

по идее первой будет та которая ответила первой

если читать из стора

да

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

+ есть такя штука как последовательность вывода ошибок. Если к премеру забить и постучать на бек всеми нужными запросами не ожидая ответа то прилетят 3 ошибки, и нужная мне будет первой, если она увеньчалось не удачей, то и другие дадут феил.

Возвращай промисы из экшенов, делай ветвление

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

+1

Возвращай промисы из экшенов, делай ветвление

если я верну промисы то в промисах мне нужно будет пробрасывать уже не async action насколько это приемлемо в компонентах ?

если я верну промисы то в промисах мне нужно будет пробрасывать уже не async action насколько это приемлемо в компонентах ?

ты можешь все это сделать в санке

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

что ты имеешь ввиду ? что значит порядок выстави ? Есть актион А, B, C если A вернет феил то B, и С не нужны от того что я сделаю A() B() C() я не начну ожидать ответа А итог мне прилетят 3 ошибки каждя ошибка сохранится в свой редьюсер и в компоненте я должен буду пробросить 3 ошибки и проверять если не вот эта то по пробуй это, а если о5 фиаско то по пробуй другую... помоему говнокод

ты можешь все это сделать в санке

ты говоришь на проверку ответа в middleware ? типо событейно получится, так ?

так они последовательными должны быть в итоге?

что ты имеешь ввиду ? что значит порядок выстави ? Есть актион А, B, C если A вернет феил то B, и С не нужны от того что я сделаю A() B() C() я не начну ожидать ответа А итог мне прилетят 3 ошибки каждя ошибка сохранится в свой редьюсер и в компоненте я должен буду пробросить 3 ошибки и проверять если не вот эта то по пробуй это, а если о5 фиаско то по пробуй другую... помоему говнокод

const thunk = () => dispatch => { return api .get() .then(() => { return Promise.all([api.get1(), api.get2(), api.get3()]).then(() => { return //все ок }); }) .catch(() => { return //обрабатываем ошибку; }); };

const thunk = () => dispatch => { return api .get() .then(() => { return Promise.all([api.get1(), api.get2(), api.get3()]).then(() => { return //все ок }); }) .catch(() => { return //обрабатываем ошибку; }); };

а если то что в Promise.all() мне долеко не всегда нужно ?

так тебе что важно то?

только 1-ый запрос?

race ебаш ?

так тебе что важно то?

мне важно все 3 но после 1 а иногда этих которые после первого вообще нет

all это когда нам надо дождаться пока весь массив промисов не зарезолвится

Если хоть у одного будет реджект, но оно в catch упадет

api.get1().then(()=>{ return Promise.all([2,3]) })

Если хоть у одного будет реджект, но оно в catch упадет

Если на каждый промис кетч навесить то нет же

вот жеж страх этот ваш thunk

Если на каждый промис кетч навесить то нет же

Ну если на каждый навесить то да

ERROR: S client not available

вот жеж страх этот ваш thunk

RxJs юзай

я на сагах

я на сагах

Сочувствую

мне норм)

я на сагах

мои соболезнования

Красава, сага норм. Просто не нужна

А так очень даже

Если на каждый промис кетч навесить то нет же

Так пробрасывать разные экшены в компоненте по ответу экшена, это нормальная идея ? 2 если я использую redux-middleware-api это нормальная идея ?

втыкай redux-saga и жизнь наладится)

втыкай redux-saga и жизнь наладится)

Только жопа каждый день будет болеть. А в остальном всё ок

а в чем собственно боль?

какой нить пример

Тебе нужен терапевт, чтобы понять?

ну может я просто не сталкивался с этой проблемой

Парни, можете подсобить с моим вопросом.. Мне нужен терапевт что бы понять..

интересно услышать

Парни, можете подсобить с моим вопросом.. Мне нужен терапевт что бы понять..

Мне кажется, вам нужен терапевт. Обратитесь к нему

Только жопа каждый день будет болеть. А в остальном всё ок

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

что там болезненного так и не пояснили

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

саги ок, и санки ок. Как обычно, главное - уметь готовить.

что-то мне не нравится обнова Typography в материал юи. Заголовки не правильных размеров и приходится нарушать семантику

саги ок, и санки ок. Как обычно, главное - уметь готовить.

а варианта №3 нет?

redux-observable

а варианта №3 нет?

Наверняка есть и больше, например сайд-эффекты внутри контейнеров, но кажется это немного дичь. Я только этими двумя пользовался, а на observable у меня аллергия

я пытаюсь ответить себе на вопрос - люди более опытные, отказавшиеся от redux-saga, чем в таком случае пользуются, танками?

я пытаюсь ответить себе на вопрос - люди более опытные, отказавшиеся от redux-saga, чем в таком случае пользуются, танками?

apollo graphql, rxjs

Кто на санках, кто на танках...

apollo graphql, rxjs

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

люди кто то использовал redux-api-middleware