Как вы работаете с воркерами в редаксе?

поддерживаю воркеры, разбивать по тикам не стал бы

Как вы работаете с воркерами в редаксе?

Не в редаксе, я просто написал челу, что он не прав в своем предположении

Да похуй

Зачастую наоборот ускоряет, особенно если дерево большое.

надо потестить...

Как работать с воркерами в редаксе?

Я имею ввиду следующий шаг если прям совсем уже тяжело считается

Лучше уж границы в коде логические провести (вычисления/интерфейс) и поставить анимации и прочие лоадинги. Это ж клиентский скрипт, тут изъебываться не нужно ради полсекунды. Код будет проще (а значит и поддержка), да и пользователи будут "вау, как долго загружается, серьезная система".

Сходу нашёл https://medium.com/@addyosmani/progressive-web-apps-with-react-js-part-3-offline-support-and-network-resilience-c84db889162c#.4xjvobbwb

Ты сейчас мои слова переформулировал и обратно выдал)

Ты сейчас мои слова переформулировал и обратно выдал)

Да я вообще понятия не имею о чем речь, просто выебнуться захотелось, сорян ребят...

Как работать с воркерами в редаксе?

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

Я никогда не работал с сервисворкерами)

Сходу нашёл https://medium.com/@addyosmani/progressive-web-apps-with-react-js-part-3-offline-support-and-network-resilience-c84db889162c#.4xjvobbwb

Это не те воркеры, сервис-воркеры - это для оффлайна

Ребят. Подскажите, есть кейс - существуют пару основных разрешений и нужно по ним проверить размеры элементов на экране. (Речь идет про тесты), можно ли как-то отрендерить в jest эти элементы, и узнать какие размеры они принимают при n-ом разрешении? Например: Есть компонент с содержимым <div className=“control-panel”></div> у которого в css заданы @media(max-width), нужно с помощью тестов проверять чтобы они были определенных размеров.

Што

Для расчётов - обычные Workers

https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API/Using_web_workers

Это?

Ага

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

Да, примерно так) Обычный асинхронный запрос по сути

Ну да

А готовые и популярные web worker middleware какие есть в природе?

(мог бы и сам поискать, но может кто-то делал своё исследование, использует что-то?)

А готовые и популярные web worker middleware какие есть в природе?

Какой в этом вообще смысл? Разве это не просто, ну, стиль архитектуры приложения?

Вот у меня криптография на воркерах (без редакса) https://github.com/zerobias/telegram-mtproto/blob/master/src/worker.js И переход на обычные расчёты, если воркер упал или не поддерживается https://github.com/zerobias/telegram-mtproto/blob/master/src/crypto.js

В итоге получаются просто async функции, где хочешь там и юзай)

А вот кто-то вынес рендеринг реакта в воркер http://web-perf.github.io/react-worker-dom/

подскажите один пакет, пожалуйста есть такой но не помню как называется это аналог JSON.stringify но принтит также символы и содержимое функций

подскажите один пакет, пожалуйста есть такой но не помню как называется это аналог JSON.stringify но принтит также символы и содержимое функций

https://github.com/vkiryukhin/jsonfn

блин, в символы не умеет

Говорящие ники

подскажите один пакет, пожалуйста есть такой но не помню как называется это аналог JSON.stringify но принтит также символы и содержимое функций

serialize

Кажется

Ща чекну, у меня он в одном проекте есть

serialize-javascript

Никто не пришел новый? Первый вопрос все еще актуален

чуваки, а вот такой вопрос. У меня есть страница, на втором экране две половины. Клик в каждую переводит на свой роут, с анимацией. А именно половина раздвигается вбок, вниз, и превращается в страницу. Вопрос, как беспалева для пользователя первый экран выпилить из дома? то есть чтобы скролла не случилось при выкидывании его внаглую? отдельный вопрос в том, не перерисует ли мне роутер компонент, если там написано что по урлу / он отрисовывает Main, а по урлу /personal (левая половина например) он отрисовывает Personal

> как вы разгоняете редакс редусеры? фу! кыш! пошли отсюда, сейчас mobx позову

> как вы разгоняете редакс редусеры? фу! кыш! пошли отсюда, сейчас mobx позову

+++

Я так баобаб разогнал

ребят, кто-нибудь работал с react-native-video?

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

кстати о MobX, на React Moscow Meetup 2 был доклад https://events.yandex.ru/lib/talks/4481/ - есть где посмотреть видео или слайды?

Смотрю hello-world проекты и чуть сложнее, и не пойму одну вещь. Вот мне нужно перевести верстку на реакт. У меня кучка старниц, на каждой странице можно добавлять/редактировать итем (везде разные сущности). Не вижу, чтобы в проектах был принят какой-то подход, куда складывать страницы, как организовать добавление новой сущности (а их может быть десяток), чтобы потом в структуре не запутаться. такое ощущения, что в каждом проекте делают как хотят, никакой структуры общепринятой нет что ли?

Grammarly

очень крутой проект

кстати о MobX, на React Moscow Meetup 2 был доклад https://events.yandex.ru/lib/talks/4481/ - есть где посмотреть видео или слайды?

поддерживаю вопрос

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

Grammarly

спасибо, а ссылку можно?

спасибо, а ссылку можно?

https://www.grammarly.com/

поддерживаю вопрос

Поддерживаю

https://www.grammarly.com/

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

Посмотри например atomic design

Дело вкуса, но многим нравится

спасибо, гляну

Вообще вы заметили 4 Паши?

И у троих фамилия на М.

ага, и еще окончание фамилиии на V у троих

Внесу немного разнообразия в Пашах

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

Taki da

ребят когда установлен hashHistory в реакт роуте, есть возможность убрать хеш # с urla?

Так поставь пушстейт

ребят когда установлен hashHistory в реакт роуте, есть возможность убрать хеш # с urla?

hashHistory потому и hash, что использует #(hash)

ERROR: S client not available

Справедливо

Просто используй browser history. У него вроде фоллбэк до хэша есть

На этом моменте поподробней

Я к тому что я не очень понимаю почему вообще тебе нужен hashHistory. Рискну предположить, что для поддержки старых браузеров. Поэтому и говорю использовать browserHistory, который сам будет юзать hash, если браузер не поддерживает history.push

какие лоадеры нужно подключить, что url в sass файлах работал? Вот так недостаточно: { test : /\.css$/, use: [ 'style-loader', 'css-loader', 'resolve-url-loader' ] }, { test: /\.scss$/, use: [ "style-loader", "css-loader", "resolve-url-loader", "sass-loader?sourceMap", ], },

Просто в роутере напиши history={browserHistory}

А переходить будешь по browserHistory.push(url)

у меня там написано так: const history = createHistory() const historyMiddleware = routerMiddleware(history)

Это не тебе)

Это мэд максу

А ты попробуй мб поменять местами сасс и урл лоадеры

В тест сасс

кстати о MobX, на React Moscow Meetup 2 был доклад https://events.yandex.ru/lib/talks/4481/ - есть где посмотреть видео или слайды?

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

@petrmyazin вот и тема для очередного выпуска есть)

Господа, подскажите, как быть? Впервые настраиваю роутинг Использую react-router 3 (4 пока не предлагайте, это потом) <Router history={browserHistory}> <Route path='/categories' component={MyCategoriesList}> <Route path=':catId' component={MyCategoryContent}/> </Route> </Router> Кликая по категориям в меню, я попадаю на страницы этих категорий. Проблема в том, что страница категории MyCategoryContent получает catId от роутера и в своём componentDidMount грузит с сервера содержимое. Но при переключении категорий роутером MyCategoryContent не маунтится заново и содержимое не обновляется. Как заставить выполнять новый componentDidMount при смене роута?

Или это вообще не так делается?

у реакт-роутера есть onEnter

а так можно на получении новых props сверять catId

А если я подключаю sass скрипты из node_modules - это может как-то повлиять на работу лоадера?

ребят

Сегодня яро обсуждалось где лучше управлять данными, на апи или уже в сторе

так вот вопрос. Если есть какая то кнопка фильтрации/ сортировки. Где лучше эту фильтрацию сартировку проводить?

Там, где есть данные, которые ты фильтруешь/сортируешь

Значит, лучше в таком случае манипулировать в state

так вот вопрос. Если есть какая то кнопка фильтрации/ сортировки. Где лучше эту фильтрацию сартировку проводить?

В селекторе (mapStateToProps) фильтруй и отдавай в компонент готовый массив visibleItems

Че то о меня не доходит про этот mapStateToProps

либо доку нормальную не назодил

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

дык есть апи

есть бэк=энд

Насчёт фильтрации в mapStateToProps документация: https://github.com/reactjs/redux/blob/master/docs/basics/UsageWithReact.md - см раздел с заголовком "Implementing Container Components", там наглядный пример отфильтрованного VisibleTodoList

CSS + React PostCSS + CSSModules – 15 ??????? 31% Sass/Less/Stylus + CSSModules – 10 ????? 21% JSS – 8 ???? 17% Sass/Less/Stylus – 5 ?? 10% PostCSS – 4 ?? 8% StyledComponents – 4 ?? 8% Vanilla CSS – 1 ▫️ 2% InlineStyles – 1 ▫️ 2% ? 48 people voted so far.

Разрываюсь между JSS и PCSS+CSSM =((