добавили лайв превью в консольке результата

че это значит?

тут вижу тутор вышел: THE BEGINNER'S GUIDE TO METEOR ) (6 мая 2018), — Кто-то еще использует метеор? Помню раньше была норм гонка между ним и дерби.. но я думал все давно уже кануло в лета.

У меня на поддержке есть проект на метеоре. В целом очень даже удобно, но особо не вдавался в подробности.

че это значит?

Квокка (Упрощенная) в консоли.

ааа. прикольно

У меня на поддержке есть проект на метеоре. В целом очень даже удобно, но особо не вдавался в подробности.

crm какая-то?

crm какая-то?

Система регистрации на мероприятия через кьюары. И сервис рассылки.

Удобно, что у тебя из коробки все, но накладывает ограничения некоторые.

забил на этот hmr

Давайте проясним: есть вебпак Фича hmr - hot module replacement, она работает в cra из коробки, но не сохраняет стейт. А есть react hot loader если я правильно помню название, написанный Дэном абрамовым. Он сохраняет стейт. И он не работает с cra без ревайринга

Давайте проясним: есть вебпак Фича hmr - hot module replacement, она работает в cra из коробки, но не сохраняет стейт. А есть react hot loader если я правильно помню название, написанный Дэном абрамовым. Он сохраняет стейт. И он не работает с cra без ревайринга

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

которое надо менеджить

для хмр

что бы оно работало

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

Давайте проясним: есть вебпак Фича hmr - hot module replacement, она работает в cra из коробки, но не сохраняет стейт. А есть react hot loader если я правильно помню название, написанный Дэном абрамовым. Он сохраняет стейт. И он не работает с cra без ревайринга

наоборот

hmr - заменяет только компонент

hot reload пересобирает билд и перезагружает страницу при любом изменении

hmr - заменяет только компонент

если быть точнее, то он заменяет то, что умеет. Разве нет? Вот у configureStore стоит hot.accept и он все редьюсеры при изменении переподключит, например (если это указано внутри функции).

hmr - hot module replacement. Собственно все из названия ясно

Что модуль - то и заменится

hmr - hot module replacement. Собственно все из названия ясно

++, было про компонент, я докопался)

Если модуль связанный... вот поэтому его и не используют все

Если модуль связанный... вот поэтому его и не используют все

Связанный?

редюсер?

hot reload пересобирает билд и перезагружает страницу при любом изменении

Может я туплю, сорри. Что такое hot reload? Страницу перезагружает вебпак дев сервер. Вебпак hmr заменяет модули без перезагрузки, но не сохраняет стейт. RHL сохраняет стейт после того как HMR обновит модуль. HMR идет в комплекте с вебпаком и работает всегда, а RHL нужно устанавливать отдельно. Он идет в комплекте с CRA v.2

Киньте кто нить инфу как настроить сервак для реакт роутинга

на все несуществующие роуты отдаешь страницу с реакт бандлом

в wds - historyApiFallbacc

Все оказалось хуже, я перепутал 3 и 4 версию. ?‍♂

как правильно из json получить путь на статику картинки? img: «build/static/media/0.b4c9efa3.png» - так не работает

Всем доброго времени суток! Может кому нибудь пригодится https://medium.com/@cyberlight/adapting-and-testing-forms-components-with-query-and-mutation-from-react-apollo-2-1-x-5c3a2971efa

Всем доброго времени суток! Может кому нибудь пригодится https://medium.com/@cyberlight/adapting-and-testing-forms-components-with-query-and-mutation-from-react-apollo-2-1-x-5c3a2971efa

на русском и на хабр, пободрее реакция будет, возможно

По-моему, такие статьи лучше в оригинале читать

Всем привет, ---- читал информацию по rxjs + react, посмотрев про rxjs, заметил что не особо его используют в связке с react, как и реактивное программирвоание. Только у netflix увидел что они запросы к api обрабатывают через "Observable", чтоб в случаи если человек перешел на другую страницу, то чтоб предыдущий запрос можно было отклонить. ---- все events для drag and drop в react уже есть в React -> onMouseDown onMouseEnter onMouseLeave onMouseMove onMouseOut onMouseOver onMouseUp. собственно какую выгоду ты получаешь от использования Observable? Ведь есть многие кто все на стримах пишут. меньше бойлерплейта? если хорошо организовать то его в redux можно и не писать, есть врапперы под это дело, или свой можно написать. ---- Кто что может сказать по поводу реактивного программирования в React? Может я в чем-то не прав?

Есть пара кейсов

Rx оч жирный

И тащить его далеко не всегда оправданно

Короче если у тебя есть потоки всякой херни то он хорошо помогает

Ещё есть альтернатива в виде most js

про most js уже слышал много раз, но я сейчас не выбираю библиотеку rxjs или most, а пытаюсь понять где он мне может пригодиться в React? @Loochnikov - вы можете пример кейса описать? --- я только у netflix увидел, что они использую rxjs(Observable) чтоб отменять запросы к api, если человек перешел резко на другую страницу, а пред. страница еще не выполнила свой запрос.

дебаунс троттл

Ведь многие полностью заменили "redux" на "observable", не знаю на скок это удобно, но мне кажется что будет больно работать когда все асинхронно.

Когда есть стиримы данных

Например ws

Или ещё какая-то херня

Ну да отмена запросов

socket, отмена fetch запросов и больше я не вижу кейсов где он тут нужен. есть еще где нужен "observable" или это все?

Написали в выше

Тротлинг

Дебаунс

Мутировать можно

Мутировать можно

Зачем

Если много данных

Не нужно заново возвращать новое

П е р ф о м а н с

Всем привет. С формик можна сделать асинхронную валидацию?

Rx оч жирный

он ща как мост

Ну вроде к 5 версии да

https://bundlephobia.com/result?p=rxjs@6.0.0

Они там оптимизировали

ERROR: S client not available

Ого уже 6 есть

другое дело что теперь апи гавно

Кто постоянно использует rxjs в своих проектах? Удобно?

Я изаю

Когда на ангуляре пишу ?

вот в этом и дело Angular, но React?

П е р ф о м а н с

П е р ф о м а н с - перформанс за счет чего? Тротлинг, Дебаунс, удобно конечно писать все это согласен, но погуглив не так много информации нашел, чтоб кто-то активно rfp использовал в React. Когда загуглил react drag and drop, не нашел информации чтоб кто-то использовал rxjs для этого. @Loochnikov

Ну смотри

Так конечно делать не стоит

Но допустим

У тебя массив на 40к айтемов

Что будет производительней вернуть новый или смутировать

что ты имеешь ввиду под смутировать? ты пытаешься донести информацию что подгружать кусочками будет лучше чем все сразу? @Loochnikov

Нет

Я имею ввиду что если тебя надо обновить чета в нем

Да конечно надо грузить чанками

Но все таки

Что будет производителей вернуть новый массив с обновлением или смутировать

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

Ну вот а что бы понять что изменилось

Нужен proxy или обсервер

Посмотри на mobx

вкурсе насчет mobx, но не стал бы его использовать

Чего ? Он норм

---- но если мы говорим про React все токи а не про Angular, то кейсов очень мало где он прямо так нужен ... вот именно в кейсах где много данных он может и пригодиться, например в больших списках (есть такой у меня кейс и чувствуется что медленно работает). ---- 1. если мы говорим про мутабельность данных, можешь объяснить как это происходит? 2. а если там кнопка изменила какое-то одно состояние, навряд ли тут нужен observable?

---- но если мы говорим про React все токи а не про Angular, то кейсов очень мало где он прямо так нужен ... вот именно в кейсах где много данных он может и пригодиться, например в больших списках (есть такой у меня кейс и чувствуется что медленно работает). ---- 1. если мы говорим про мутабельность данных, можешь объяснить как это происходит? 2. а если там кнопка изменила какое-то одно состояние, навряд ли тут нужен observable?

Там не нужен

Вот можешь почитать http://www.dofactory.com/javascript/observer-design-pattern

И про es6 proxy

@Loochnikov как ты подключаешь rxjs в react? пример есть кода? из того что нашел выглядит не очень удобным https://stackoverflow.com/questions/44299632/rxjs-debounce-on-react-text-input-component