А да?

Ну отбой

А зачем прослойка в виде ноды (ну исключая в моем случае лень) если можно тупо в раст завезти реакт

react — это api занимающийся низкоуровневыми вызовами DOM API. Так вышло (нахуевертили), что нативом для dom api является непосредственно js

но реакт на чем то кроме js смотрится как то странно как минимум

js is the new C

Будем все писать на чём удобнее, а под капотом просто всплыл очередной слой абстракции в виде жс

¯\_(ツ)_/¯

вроде все движется постепенно в сторону какого-нибудь web asm

пишешь на чем угодно и транслируешь в wasm

Васму бы самому для начала научиться с dom api работать

react — это api занимающийся низкоуровневыми вызовами DOM API. Так вышло (нахуевертили), что нативом для dom api является непосредственно js

Проблем нет, раст давно может в js биндинги из коробки

Ну так же как питон в системные вызовы, да

Васму бы самому для начала научиться с dom api работать

Васм умеет посредствам вызова жс

О чем и речь

А что не так

Нормальная практика

пишешь на чем угодно и транслируешь в wasm

Ну не совсем верно

Но в общем случае когда нибудь да

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

Хайпа мало

А кто знает как из под теста jest открыть компонент в pupeeteer? Есть что-то готовое? Типа toMatchSnapshot - для того чтобы увидеть как оно выглядит в бразузере

Есть специальная хрень для просмотра компонентов в бразере

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

Есть специальная хрень для просмотра компонентов в бразере

react-live?

Если такого типа то он принимает же строку. А что делать со стилями и тп. Поидее надо прокидывать сниппет через webpack и через dev-server отображать. Выходит не в 1 строку решение

Если такого типа то он принимает же строку. А что делать со стилями и тп. Поидее надо прокидывать сниппет через webpack и через dev-server отображать. Выходит не в 1 строку решение

Не, есть прямо со стилями и ве прочем отображает он сходя из фала

Если вспомню я отпишу тут

А кто знает как из под теста jest открыть компонент в pupeeteer? Есть что-то готовое? Типа toMatchSnapshot - для того чтобы увидеть как оно выглядит в бразузере

а зачем это видеть?

Ну потому что лучше чем не видеть

Например я пишу компоненту и тест. Я хочу сделать: preview(test)

Я вот написал компонет а он выглядит так

Чтобы не запускать ничего лишнего

В тесте прямо - для конкретного того случая

Вопрос почему так?

Если такого типа то он принимает же строку. А что делать со стилями и тп. Поидее надо прокидывать сниппет через webpack и через dev-server отображать. Выходит не в 1 строку решение

я для теста стилей делал парсинг и в снепшоты попадали чексуммы стилей

Ответ скорей всего что то типа, ты рак примени стили

Ну или политику какую

Но я еще не разобрался

Вроде верно но это не точно

gist.github.com

gist.github.com

Кнопку сохранить забанили

А кто знает как из под теста jest открыть компонент в pupeeteer? Есть что-то готовое? Типа toMatchSnapshot - для того чтобы увидеть как оно выглядит в бразузере

Дока jest знает и даже выделяет отдельным пунктом

Дока jest знает и даже выделяет отдельным пунктом

где? не нашел

gist.github.com

https://pastebin.com/z6s04MKS

всем привет, есть вопрос по react-dropzone. У меня есть собственно сама дропзона и внутри у нее компонент для превьюшек загруженых файлов. И по клику на превью у меня должна открываться модалка с полным отображением. Но сейчас открывается диалоговое окно выбора файла и когда я его закрываю уже видно модалку. Как это можно поправить?

Ребят, кто работал с jest, что это за ошибка? TypeError: Cannot call a class as a function гугл выдал что-то вроде, что arrow functions там не очень работают

Ребят, кто работал с jest, что это за ошибка? TypeError: Cannot call a class as a function гугл выдал что-то вроде, что arrow functions там не очень работают

Там всё чудно с arrow functions

ты скорее всего не написал new

и вызвал просто Foo()

Там всё чудно с arrow functions

TypeError: Cannot call a class as a function 71 | return data.reduce(createState(openDepth), {}); 72 | } > 73 | | ^ 74 | getNodeIcon = (dataItem, isLeaf) => { 75 | const { classes, branchIcon, iconField, leafIcon } = this.props; 76 | let icon; вот такое мне выдает, суть то в том, что это работающий код, билдится на ура

а при запуске теста вот такое

а при запуске теста вот такое

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

Там всё чудно с arrow functions

все я туповат просто, не заметил один экспорт неверный спс

Ребята подскажите чат по ноде?

Пжлста

придолбала меня либа redux-saga-router

переписываю что могу на thunk-функции, там где не нужны суровые сага процессы мутить

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

ERROR: S client not available

Ребята подскажите чат по ноде?

t.me/nodejs_ru

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

Просто роутинг в стиле react-redux это костыль изначально)

всем привет поделитесь ссылкой (ее тут уже кидали, найти не смог) на статью про сборку двух билдов (один для современных браузеров, второй с полифилами)

всем привет поделитесь ссылкой (ее тут уже кидали, найти не смог) на статью про сборку двух билдов (один для современных браузеров, второй с полифилами)

https://webpack.js.org/guides/shimming/

https://webpack.js.org/guides/shimming/

спасибо, ознакомлюсь но там была другая статья)

спасибо, ознакомлюсь но там была другая статья)

Зачем она тебе? Здесь прямо побуквенно твой пример: https://webpack.js.org/guides/shimming/#loading-polyfills

всем привет, есть вопрос по react-dropzone. У меня есть собственно сама дропзона и внутри у нее компонент для превьюшек загруженых файлов. И по клику на превью у меня должна открываться модалка с полным отображением. Но сейчас открывается диалоговое окно выбора файла и когда я его закрываю уже видно модалку. Как это можно поправить?

Думаю надо проверять на чем кликнули, на дропзоне или на картинке в ней с помощью handleClick и this.node.contains(e.target)

всем привет, есть вопрос по react-dropzone. У меня есть собственно сама дропзона и внутри у нее компонент для превьюшек загруженых файлов. И по клику на превью у меня должна открываться модалка с полным отображением. Но сейчас открывается диалоговое окно выбора файла и когда я его закрываю уже видно модалку. Как это можно поправить?

Возможно будет достаточно добавить пропс disableClick на дропзону

Возможно будет достаточно добавить пропс disableClick на дропзону

Но мне же нужен клик там ?

Но мне же нужен клик там ?

Это же дроп-зона а не кнопка)

Но мне же нужен клик там ?

Еще вариант на компоненте который внутри дропзоны на onClick() делать stopPropagation() - тогда клик не будет бабблится вверх до дропзоны

Еще вариант на компоненте который внутри дропзоны на onClick() делать stopPropagation() - тогда клик не будет бабблится вверх до дропзоны

У меня там внутри react-photoswipe и он чот на онклик не реагирует.

У меня там внутри react-photoswipe и он чот на онклик не реагирует.

Можно обернуть твой react-photoswipe в div и на нем сделать onClick(e) => e.stopPropagation()

Можно обернуть твой react-photoswipe в div и на нем сделать onClick(e) => e.stopPropagation()

спасибо

посоны. ТАкой вопройс есть комнаты и есть для них сообщения (ну как телега) и как удобней хранить последнее сообщение ? 1) явно его где то хранить 2) или каждый компонент конектить к стору и там получать его месаги и брать последнее ? (но тут придется сортировать в селекторе еще и только потом брать последнее)

посоны. ТАкой вопройс есть комнаты и есть для них сообщения (ну как телега) и как удобней хранить последнее сообщение ? 1) явно его где то хранить 2) или каждый компонент конектить к стору и там получать его месаги и брать последнее ? (но тут придется сортировать в селекторе еще и только потом брать последнее)

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

ну вот телега много записей где она может хранить ?

храня отдельно, придется обновлять статус и тд для двух сообщений для сообщения в сторе и для последнего сообщения соответсвенно

ну вот телега много записей где она может хранить ?

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

у именя первый. Но это напрягает

у именя первый. Но это напрягает

Первый вариант лучший.

посоны. ТАкой вопройс есть комнаты и есть для них сообщения (ну как телега) и как удобней хранить последнее сообщение ? 1) явно его где то хранить 2) или каждый компонент конектить к стору и там получать его месаги и брать последнее ? (но тут придется сортировать в селекторе еще и только потом брать последнее)

из этих

т.е подключать компонент (плашку комнаты) к стору это только вуисты сделают ?

Ребята, есть вопрос. Google SSO нашел отличный вроде как пакет react-google-login но стал вопрос на счет безопасности. лучше ли это делать на беке или всеже можно и на клиенте. (я не вижу проблем делать это на клиенте, но и знаний у мня в секюрити 0 ) Сможет кто то подсказать, как дела проиходят на боевых проектах в вас?

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

Удачи пацанам, терпения

?

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

Сколько оптимизма

Сколько оптимизма

У них тоже программисты с двумя глазами, ничего особенного. Возможно у них много знаний в сфере ИТ из за того что они не сидят в телеграме, чате, ютубе и др.

Ребята, есть вопрос. Google SSO нашел отличный вроде как пакет react-google-login но стал вопрос на счет безопасности. лучше ли это делать на беке или всеже можно и на клиенте. (я не вижу проблем делать это на клиенте, но и знаний у мня в секюрити 0 ) Сможет кто то подсказать, как дела проиходят на боевых проектах в вас?

тебе надо связывать гугл акк и данные в твоей базе?