!спам

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

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

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

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

подписка на стрим посмотри redux-observable

там сделай дебаунс

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

выводить то тебе быстро не надо?

тротл

выводить то тебе быстро не надо?

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

ну вот

ну вот

сеттаймоут юзать?

сеттаймоут юзать?

Cenator: подписка на стрим посмотри redux-observable

сеттаймоут юзать?

lodash.throttle

Cenator: подписка на стрим посмотри redux-observable

чем это спасет от 10к рендеров в секунду?

чем это спасет от 10к рендеров в секунду?

у rx есть throttle

ну т.е. человеку который не знаком даже с дебаунсом и тротлом rx тащить? норм вариант )

На ваниле запилить

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

а зачем это цифру быстро выводить, что это дает?

С дебаунсом

ну т.е. человеку который не знаком даже с дебаунсом и тротлом rx тащить? норм вариант )

да, желательно бы что то по проще, без доп библиотек?

вообще зачем сравнивать сротл и дебаунс если это разные задачи ?

многа букав https://www.peterbe.com/plog/how-to-throttle-and-debounce-an-autocomplete-input-in-react

многа букав https://www.peterbe.com/plog/how-to-throttle-and-debounce-an-autocomplete-input-in-react

бывает. Иди поверстай

бывает. Иди поверстай

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

искал по памяти собственна эту статью https://medium.com/@kasonjim/react-debounce-vs-throttle-11998bfc3212

бывает. Иди поверстай

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

искал по памяти собственна эту статью https://medium.com/@kasonjim/react-debounce-vs-throttle-11998bfc3212

да все эти статьи кучи букв лишних лучше по картинкам искать :)

ну в голове и была картинка, ссылка внизу статейки - думаю гдеж я её видел http://demo.nimius.net/debounce_throttle/

ага, демка хорошая

а буквы вредно да

в данном случае картинка проще :)

ну по-аглийки может не все хорошо шпарят

@javascript_jobs

@javascript_jobs

сорри

Вопрос к гуру :) Если в сторе хранить функцию - это норма или за это руки отрубают? :)

Вопрос к гуру :) Если в сторе хранить функцию - это норма или за это руки отрубают? :)

Не норма, ты ее сериализовать не сможешь

:(

Не норма, ты ее сериализовать не сможешь

Что то я запамятовал что это значит?

Что то я запамятовал что это значит?

В жсон сложить

А он её с сервера собирается получать?

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

А он её с сервера собирается получать?

Когда придется - будет поздно

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

А что это все остальное?

лайсайкл методс, хендлерс, пропс

Ну это решается маптустейт и маптудиспатч или ты про что

Не норма, ты ее сериализовать не сможешь

Можно свой парсер написать.

Можно свой парсер написать.

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

лол

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

https://gist.github.com/anvaka/3815296

https://gist.github.com/anvaka/3815296

Для стрелочных сработает?

Для стрелочных сработает?

Регулярку дополнить надо

А какой сейчас лучше всего шаблон брать, если 100% не нужно будет ssr (next.js не оч подходит), но хотелось бы четенький hmr ?)

ERROR: S client not available

А какой сейчас лучше всего шаблон брать, если 100% не нужно будет ssr (next.js не оч подходит), но хотелось бы четенький hmr ?)

Как сср связан с hmr?

в next есть и ssr и hmr

лучше сделай себе react hot loader

next.js

next.js

сидел неделю кодил со стартера с Next.js, mobx-state-tree и next-router. Сегодня пошел искать новый стартер, после того как аппа начала рендериться по 2 раза, где на 2й рендер пропадает appStore из пропсов

сидел неделю кодил со стартера с Next.js, mobx-state-tree и next-router. Сегодня пошел искать новый стартер, после того как аппа начала рендериться по 2 раза, где на 2й рендер пропадает appStore из пропсов

может где напортачил?

Нигде не нахожу примера фетчинга данных на сервере с хедерами/куком клиента. Не подскажете как правильно это делать в 2018?

может где напортачил?

Да скорее всего, придется git reset делать

Нигде не нахожу примера фетчинга данных на сервере с хедерами/куком клиента. Не подскажете как правильно это делать в 2018?

fetch?

fetch?

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

Браузер принимает хедеры автоматически и ставит куки с Set-Cookie

Ты можешь их почитать, конечно, если есть токены и прочее

https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API Создай себе небольшие хелперы, оберни все лыжи во что-то как удобно ( async/await) и добавляй хедеры при запросах так же, импортируй потом что где надо и вуаля?

Браузер принимает хедеры автоматически и ставит куки с Set-Cookie

Да это тоже не проблема, я в axios просто передаю параметры куков если мы сервер и если есть правильный хедер :) Вот лучше так спрошу: Откуда делать xhr? Спец. метод getInitialProps в next.js хоть и сделан для ssr, но у меня трудности достать актуальный стор со стейтом из него. Еще в реакт не завезли асинхронных методов?

Эм, промисы не асинхронно? Я просто не понимаю вопроса, может потому что не работал с мобх, обычно всё делается в thunk секциях, вроде. Если redux + thunk

Эм, промисы не асинхронно? Я просто не понимаю вопроса, может потому что не работал с мобх, обычно всё делается в thunk секциях, вроде. Если redux + thunk

Да, но реакт умеет их ждать? Насколько я вижу, асинхронных lifecycle компонентов пока не завезли

Да, но реакт умеет их ждать? Насколько я вижу, асинхронных lifecycle компонентов пока не завезли

async componentDidMount(){ await ...} ?

async componentDidMount(){ await ...} ?

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

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

WillMount, но его выпиливают

да и говорят что плохой паттерн это все, фиг знате

сидел неделю кодил со стартера с Next.js, mobx-state-tree и next-router. Сегодня пошел искать новый стартер, после того как аппа начала рендериться по 2 раза, где на 2й рендер пропадает appStore из пропсов

они её допиливают постоянно вроде. постоянно ищут девелоперов. наверное все по стартапчикам разбежались

да и говорят что плохой паттерн это все, фиг знате

они сами его рекомендуют впрочем https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html#fetching-external-data

хммм

я тупой, вот разжевано по async await https://blog.cloudboost.io/using-async-await-with-react-b807f9d7b64a