а кто юзает mobx, есть возможность запускать autorun/observer по debounce?

https://mobx.js.org/refguide/reaction.html

delay: Number in milliseconds that can be used to debounce the effect function. If zero (the default), no debouncing will happen.

ага, спасибо

а можно это с mobx-react подружить?

Ну или авторан асинк

А в чем юзкес?

И ничего дружить не надо в observer уже реализован авторан вокруг рендера реакт компонента

я использую async/await, но в некоторых местах код становится асинхронным, где бизнес логика синхронная, реакту не нравится когда запускается forceUpdate во время обновлений async action1(){ const b = await Promise.resolve(1) this.b = b } async action2() { this.a = 1 await action2() }

примерно такой смысл

Warning: forceUpdate(...): Cannot update during an existing state transition (such as within `render`). Render methods should be a pure function of props and state.` Такой ворнинг ловишь?

типа да

Возможно ты что-то не так даёшь с асинками

все так, они же асинки)

Ну и попробуй componentWillMount

а это тут при чём?

Я хз, ты дал мало инфы, это тебе общая рекомендация на подобный ворнинг

гребанные асинки

Все с ними отлично

источник проблем

Лучшее что могло прийти во фронтенд 10/10

мне раньше было лучше ) теперь это занимает столько времени и усилий что ну его нахер ) i'm too old for this shit

мне раньше было лучше ) теперь это занимает столько времени и усилий что ну его нахер ) i'm too old for this shit

Раньше, это когда скрытым iframe элементом данные слали?

нет это jquery )

ну нестоит фронтэнд таких усилий - если ты фэйсбук то да

но сколько из вас там фэйсбук

Лол

на коленки че-то написать реакт это суицид

но это я так - про себя ) мир неостановить от безумия

хоть тут все и логично и клево - но как-то такое ощущение что overdoing smtng..

ну, справедливости ради стоит отметить, что реакт и async совсем не связаны. Да и что может быть проще async? Тема изучается за 1 минуту. Реакт чуть больше - максимум день

ага день....

у меня уже 20 дней

На 21 тебя осенит

Как по книжке

Проблема лишь когда начинаешь изучать react с jquery после лендосов - это да, Тут надо и новый es выучить, чтобы не считать числа через jquery

Но если уже знаком со всем этим, то изи

ага - я отстал - после jquery только с первым ангуляром играл - а тут мало чего общего осталось

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

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

я руками все еще собираю у меня там мало чего есть, только самое самое )

хоть тут все и логично и клево - но как-то такое ощущение что overdoing smtng..

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

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

да почти как с vim

непоспоришь

@serjo_pepper А в чем собственно проблема? Может я не так понял пример

async function test() { const b = await Promise.resolve(1); this.b = b; console.log(this.b); }

но console.log сработает правильно

это когда приложние большое тогда просто - а когда маленькое то черт ногу сломает неподготовленного

это когда приложние большое тогда просто - а когда маленькое то черт ногу сломает неподготовленного

ну давай, запили маленькое spa на Backbone + Require + Jquery за пару часов)... ведь все просто и понятно

это когда приложние большое тогда просто - а когда маленькое то черт ногу сломает неподготовленного

На «конкорде» неудобно ездить за хлебом))

async function test() { const b = await Promise.resolve(1); this.b = b; console.log(this.b); }

проблема в том, что если до const b стоит this.a = 3, и это mobx сеттеры, то в случае mobx-react два раза запустится перендер компонента с (с нулевым таймаутом считай) и реакт на такое будет ругаться

Разве action в таком случае не поможет?

нет)

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

На «конкорде» неудобно ездить за хлебом))

ну да я вроде про тоже

ты наклиент закачал лишний js синхронизации

это ты про проблему с hot-reload ?

Не зря я чувствовал, что с mobx не все так просто, когда так и не внедрил в стек после экспериментов на коленке )

Не зря я чувствовал, что с mobx не все так просто, когда так и не внедрил в стек после экспериментов на коленке )

тоже самое и в редаксе

ну, там магии никакой нет, все работает очевидно

mobx тут боком, это проблема async/await

это ты про проблему с hot-reload ?

да

В редаксе можно просто не понять сам принцип

mobx тут боком, это проблема async/await

да ну? А если просто промис сделать и завернуть все в action. Или всю конструкцию завернуть в промис с action

Тоже не поможет? Я просто сейчас проверить не могу

да

ну я вижу что два раза хот релоад срабатывает. но где эта проблема зарыта - не знаю

ну я вижу что два раза хот релоад срабатывает. но где эта проблема зарыта - не знаю

я, к сожалению, с вебпаком 2 не работал, но в первом можно было тоже самое поймать если в entry пихнуть webpack/hot/dev-server и еще где-то указать инлайн флаг, тогда происходил дубляж

ERROR: S client not available

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

Доброй ночи) Такой вопрос это нормально что аттрибут react-checksum какждый раз вычисляется разный, в доках что-то не нашел подробностей?

да я пятьсот раз перепроверил. установил в итоге с нуля, прописал тоже самое в конфиг и всё нормально работает)

mobx тут боком, это проблема async/await

Спроси в гиттере у Мишеля

У меня тоже есть экшены в асинхронных функциях, но такой проблемы нет

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

ни тебе ошибки ни одного писка бл

ищи хрящи блин

ещё скажи у тебя линтера нет?

и реакт-дев-тулз

и дебаггера в девтулзах

дев тулз вроде стоит толку только от него

незнаю что такое линтер

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

еще 120 телзов ставить что бы ошибки js видеть в браузере

что за линтер? гугл ничего определнного недает

реакт дев тулз непоказывает ошибки с мапами

что за линтер? гугл ничего определнного недает

eslint

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

в дебаггере ничего не должно ничего показываться само по себе— или debugger; или самостоятельно ставь брейкпойнты

eslint

+1

iamstarkov (2) плюсанул в карму kisik_murlika (1.4)

в дебаггере ничего не должно ничего показываться само по себе— или debugger; или самостоятельно ставь брейкпойнты

если есть ошибка рендеринга вроде как всегда показывает ворнинги

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

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

если есть ошибка рендеринга вроде как всегда показывает ворнинги

если ты в мапе используешь arrow functions с {} и ничего не возвращаешь

{this.props.owner.map((field) => { return (<div>{username}&nbsp;</div>) })}

то мап правильный

ты просто не понимаешь arrow fns

вот тебе неправильный мап из-за которго вообще никаких ошибок просто нерендерится компонент - делай что хочешь

ты просто не понимаешь arrow fns

какая разница - компонент нерендерится

все здохло ни каких ошибок нигде

ни в консоле не в фф

поставь eslint