Какие плюсы/минусы?

Присоединяюсь к последнему вопросу. Увидел твит и стало интересно https://twitter.com/ryanflorence/status/1002218160517300224

Кто-то использовал https://reach.tech/router в своих проектах?

Какая-то ненужная магия

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

Deep copy не нужен категорически никогда, даже в самых запущенных случаях всё равно выполняется shallow

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

Селекторы через строки - очень беда

Ни разу не юзал их, смысл библиотеки вообще не в них

Заметь, это не я же только недавно за церебрал агитировал ? Вот уж у кого на этом вся идеология нафигачена

Такой вопрос, как в Chrome закрыть вкладку, которая бесконечно ререндерится (без полной перезагрузки браузера)?

Хром настолько разжиревший мамонт, что у него есть свой диспетчер задач

(и свои драйвера, к слову)

Подскажите, пожалуйста, как мне несериализуемый объект (MediaStream) протолкнуть в компонент из редуксовой мидлвары?

Как он у тебя там оказался

Я диспатчу экшен, в нем происходит подписка на событие, в обработчике события диспатчится экшен с аргументом события, который MediaStream

О, а я думал ты на линуксе

Лол)

Почему на линуксе то)) Глянь на второй скриншот

Я на арче сидел до этого года, теперь мак)

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

https://stackoverflow.com/questions/34137783/where-to-store-webrtc-streams-when-building-react-app-with-redux вот написал мидлвару, о которой тут ответ, но как в итоге вернуть этот стрим в компонент непонятно, если он не пишется в стейт)

Заметь, это не я же только недавно за церебрал агитировал ? Вот уж у кого на этом вся идеология нафигачена

Я не "агитировал", я прощщупывал почву ?

Спасибо!

В общем кроме как создать глобальный объект, в котором хранятся стримы, и в mapStateToProps доставать из него, а не из стейта, больше ничего в голову не идет)

О https://github.com/GoogleChromeLabs/prerender-loader

Воу... работает?)

Воу... работает?)

Не пробовал ?‍♂️

Всем привет! Как правильно организовать reducers и redux store. Поделитесь пожалуйста хорошими статьями на эти темы

О тут о воркерах вчера тёрли.... вопрос есть компонент, и он выполняет одну очень жирную операцию, для этого надо дёрнуть метод который возвращает промис....так вот я столкнулся с тем что лочится обновление стэйта и рендер до того момента пока операция не выполнится...чё делать?)

О тут о воркерах вчера тёрли.... вопрос есть компонент, и он выполняет одну очень жирную операцию, для этого надо дёрнуть метод который возвращает промис....так вот я столкнулся с тем что лочится обновление стэйта и рендер до того момента пока операция не выполнится...чё делать?)

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

О тут о воркерах вчера тёрли.... вопрос есть компонент, и он выполняет одну очень жирную операцию, для этого надо дёрнуть метод который возвращает промис....так вот я столкнулся с тем что лочится обновление стэйта и рендер до того момента пока операция не выполнится...чё делать?)

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

Не лочить

Как не лочить? Компонент принимает content функцию, render props, в контенте можно указать кнопку которая получает в пропсах доступ к той операции, по клику операция начинает выполняться, как сказал возвращает промис...до старта операции делается setState, так вот он отработает когда уже операция выполниться, причем setState не ожидает резолва промиса, понять не могу поведение

Кстати, любую тяжелую работу можно сделать с обычных троттлингом же ?‍♂️

Даже rIC или воркер не нужен...

Хех, смотрите на соседний чат

Ребят, я вам покушать принёс. https://gist.github.com/nin-jin/5408ef8f16f43f1b4fe9cbcea577aac6 Это пропозал для очень полезного изменения в js рантайме - файберов. Буду рад любому фидбэку и помощи, как то: 1. Предложения по улучшению апи. 2. Уточнения формулировок. 3. Примеры полезного применения. 4. Успешные истории из других языков и экосистем. 5. Советы по взаимодействию с TC39.

Что за чат

https://t.me/JSlang

@artalar когда ты успеваешь все это читать?)

Я еще работаю ?

Ох https://compositor.io/

Подскажите, есть ли какие нить красивые гриды для реакта?

Decoupling and separation в трёх абзацах

Decoupling and separation в трёх абзацах

Ну забавно было, что у меня все это уже было рассписано https://github.com/artalar/blog/blob/master/src/pages/notes.md#%D0%90%D1%80%D1%82%D1%85%D0%B8%D1%82%D0%B5%D0%BA%D1%82%D1%83%D1%80%D0%B0

Кек) Он довольно своеобразный чел

В кодсендбокс лайв на бесплатном заработал ?

Но что-то у меня там попадало и протестить не удалось

Каеф, да?

В общем кидайте грязными тапочками, но я упорно не могу понять поведения, почему происходит так. Есть компонент: <Generator document={certificate.data} content={this.renderContent} /> В качестве content функция которая возвращает содержимое какое-то и с кнопкой <Button className={cx(props.generating && css.generatingButton)} primary fluid onClick={props.generate} // тут может быть своя логика нажатия на кнопку, к примеру дождавшись окончания генерации выдать window.print() > Скачать документ </Button> в пропсах кнопка получает доступ к нашей долбанически тяжелой операции generate которая находится в компоненте <Generator /> Функция generate в свою очередь выглядит так generate = () => { ... this.onStartGenerating() ... return generatePDF(document, { ...this.state }) .then(generatedInfo => this.onEndGenerating(generatedInfo)) } generatePDF при этом возвращает промис, а onStartGenerating меняет в стэйте Generator флаг generating в true Проблема: Generator не отрендерит свой content(я не увижу generating true), пока не выполнится generatePDF, то есть по факту получается на время выполнения лочится компонент и мне интересно почему так, че то я где то в лоб не вижу но явно подход в целом не верный.

Эм Причем здесь реакт?

Мне что, идти искать HTML/CSS чат?

@css_ru :D

лучше вообще не шутить, фронтенд для грустных

лучше вообще не шутить, фронтенд для грустных

Надо

Нормально шутить нормально. А не Гарольда пихать

Кто знает, как в next.js можно получить версию браузера?

Кто знает, как в next.js можно получить версию браузера?

я использую ua-parser-js

всем привет, поделитесь пожалуйста рабочим примером HOC. Чет не выходит камненный цветок ((

всем привет, поделитесь пожалуйста рабочим примером HOC. Чет не выходит камненный цветок ((

Recompose

Сорцы

я использую ua-parser-js

а ты его используешь для чего? Мне просто нужно если определенные браузеры, то показывать unsupported page.

а ты его используешь для чего? Мне просто нужно если определенные браузеры, то показывать unsupported page.

примерно для этого

В общем кидайте грязными тапочками, но я упорно не могу понять поведения, почему происходит так. Есть компонент: <Generator document={certificate.data} content={this.renderContent} /> В качестве content функция которая возвращает содержимое какое-то и с кнопкой <Button className={cx(props.generating && css.generatingButton)} primary fluid onClick={props.generate} // тут может быть своя логика нажатия на кнопку, к примеру дождавшись окончания генерации выдать window.print() > Скачать документ </Button> в пропсах кнопка получает доступ к нашей долбанически тяжелой операции generate которая находится в компоненте <Generator /> Функция generate в свою очередь выглядит так generate = () => { ... this.onStartGenerating() ... return generatePDF(document, { ...this.state }) .then(generatedInfo => this.onEndGenerating(generatedInfo)) } generatePDF при этом возвращает промис, а onStartGenerating меняет в стэйте Generator флаг generating в true Проблема: Generator не отрендерит свой content(я не увижу generating true), пока не выполнится generatePDF, то есть по факту получается на время выполнения лочится компонент и мне интересно почему так, че то я где то в лоб не вижу но явно подход в целом не верный.

PDF-то на клиенте генерится?

ERROR: S client not available

Добрый день всем, кто-то пользовался нынче вот таким? https://reacttraining.com/react-router/

PDF-то на клиенте генерится?

да

примерно для этого

ага, отлично. Спасибо, заценим.

да

а как? чем?

Мне что, идти искать HTML/CSS чат?

чат

Добрый день всем, кто-то пользовался нынче вот таким? https://reacttraining.com/react-router/

Все пользуются

чат

Поправил ?

Все пользуются

Вопрос у меня встал с brouserhistory и пушем. Пытался это всё запаять себе на кнопку, но на выходе почему-то переходит на новую страницу не по нажатию на кнопку, а сразу. В чём может быть проблема?

да

Зря...

Зря...

?

?

Зачем создавать ПДФ на клиенте? Непонятно

а ну ок) аргумент)

а ты его используешь для чего? Мне просто нужно если определенные браузеры, то показывать unsupported page.

Жинксом решить можно кмк

а ты его используешь для чего? Мне просто нужно если определенные браузеры, то показывать unsupported page.

use http://outdatedbrowser.com/en

Вопрос у меня встал с brouserhistory и пушем. Пытался это всё запаять себе на кнопку, но на выходе почему-то переходит на новую страницу не по нажатию на кнопку, а сразу. В чём может быть проблема?

Код покажи. Ты вызываешь функцию , а не привязываешь , скорее всего

use http://outdatedbrowser.com/en

они рукожопы, мой PR на edge пол года не мог попасть в минифицированную версию, хотя PR попал в мастер хотя вроде починили уже доку только не поправили https://github.com/burocratik/outdated-browser/pull/269 тут описание для edge

use http://outdatedbrowser.com/en

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

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

CDN

ага, отлично. Спасибо, заценим.

тянуть целую библиотеку ради этой задачи-глупо

Тебе можно обойтись в 3-4 строки кода

<Button href={`/movies/${id}`} component={Link}> https://github.com/kriasoft/react-firebase-starter/blob/749597be353acee40712d6c9af8794765393e13e/src/news/Story.js#L37

тянуть целую библиотеку ради этой задачи-глупо

ну все равно парсить header user-agent и отдавать html в зависимости от этого

а ты его используешь для чего? Мне просто нужно если определенные браузеры, то показывать unsupported page.

так тебе версии важны или браузеры?

Тебе можно обойтись в 3-4 строки кода

нельзя

так тебе версии важны или браузеры?

мне еще важны, помимо браузеров, девайсы разные

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

Кто знает, как в next.js можно получить версию браузера?

а ты его используешь для чего? Мне просто нужно если определенные браузеры, то показывать unsupported page.

мне еще важны, помимо браузеров, девайсы разные

в смысле разные задачи? это все решается 1 библиотекой и хендлится так же

в смысле разные задачи? это все решается 1 библиотекой и хендлится так же

Ну бери,которую выше подсказали https://github.com/faisalman/ua-parser-js >можно получить версию браузера? >определенные браузеры >девайсы разные Я не понял ход мыслей просто,что в итоге нужно-то