Kamoliddin
Good Day! its cool name!
Anton
то есть обычный ванильный js никак не засунуть в react? такого же не может быть)
Фарид
то есть обычный ванильный js никак не засунуть в react? такого же не может быть)
Вы про какой ванильный. JSX понятное дело не заработает. А с Electron будет работать если получше babel прогнать мб?
Anton
че это вообще значит?
Это значит то, что есть вот такая либа: https://github.com/PButcher/flipdown и я хочу использовать ее в своем компоненте, но не могу понять как и никто не может мне подсказать, как это сделать
ipos
https://ru.reactjs.org/docs/integrating-with-other-libraries.html
Aleksandr
ты точно понимаешь как реакт работает?
Vyacheslav
Просто в примерах рр, или прям рр под электрон, и в чем конкретно нерабочесть его выражается?
Aleksandr
Это значит то, что есть вот такая либа: https://github.com/PButcher/flipdown и я хочу использовать ее в своем компоненте, но не могу понять как и никто не может мне подсказать, как это сделать
берешь такой импортируешь свою библиотеку в проекте, в конструкторе или хоть прям в методе рендера(я такого не советую) можешь исполнить любой свой "ванильный" js код, после чего работаешь дальше с полученными результатами своего "ванильного" js кода, ЗЫ реакт для самых маленьких
Aleksandr
а импортируешь ты как?
Alex
Всем привет! Подскажите какой-нибудь правильный туториал для React для рубиста 🙂 Чтобы там все по уму красиво делалось 😉
Anton
а импортируешь ты как?
import FlipDown from 'flipdown'; Пытался заменить на import * as FlipDown from 'flipdown'; результат тот же
Фарид
import FlipDown from 'flipdown'; Пытался заменить на import * as FlipDown from 'flipdown'; результат тот же
Ну так может это не дефолтный экспорт, ты посмотри что там экспортируется. Может нужно import { FlipDown } from '...'
Aleksandr
+
Anton
я же написал выше, что попробовал и дефолтный и * as в обоих случаях пустой объект
Anton
ну я же не идиот конечно же она там
Aleksandr
кхе кхе
Aleksandr
ты исходник своей либы смотрел?
Anton
смотрел
Фарид
В папке node_modules?
Anton
В папке node_modules?
в ней самой
Фарид
И что там экспортируется? кинь скрин
Aleksandr
в ней самой
почитай как работают модули в js'е
Anton
И что там экспортируется? кинь скрин
ничего, там просто объявляется класс вот мне и нужно понять, что делать в такой ситуации
Vyacheslav
Ты либо рофлишь, либо не заметил что Home не рендерит детей
Gregory
Друзья, привет! Подскажите, кто-то сможет сегодня в формате скайп созвона дать консультацию по реакту, 1.5-2 часа максимум времени займет. Суть задачи - есть приложение написанное на реакте, нужно подсказать, когда какие функции вызываются при действиях в его интерфейсе. Напишите в лс
Vyacheslav
Так там и не работает роутер, потому что ты его убрал)В чем была проблема?)
Anton
прочитать вот это https://learn.javascript.ru/modules
так, и что? ничего нового я не узнал там в кратце написано, что чтобы сделать импорт, у модуля должен быть экспорт у меня его нет, потому я и спрашиваю, что делать
Anton
наверное прозвучит невероятно, но может дописать его?
так это же зависимость что ж мне теперь в зависимости код менять?
Vyacheslav
а в чем разница?
В использовании, либо ты можешь просто красиво выплюнуть в рендер и влиять на компонент через пропсы, либо костыльно в лайфсайклах ослеживать по рефами
Aleksandr
тогда просто забей
Anton
тогда просто забей
ты очень помог просто гений
Vyacheslav
Эх, ща бы везде костыли видеть
россия для руских, реакт для реакта
Aleksandr
ой не благодари, всегда рад помочь
Anonymous
Кто-нибудь, подскажите хороший color-picker, не похожий на react-color-picker ? 😔
Anonymous
input type=color
Какой-то зашквар. Этот colorpicker очень неплох (даже крут), но он вылезает в отдельном окне. Боюсь представить, как на винде
Anonymous
Да. лучше бы сделали такой colorpicker как popover сверху.. Но он совсем не связан визуально с инпутом, когда открыт
Bogdan
Да. лучше бы сделали такой colorpicker как popover сверху.. Но он совсем не связан визуально с инпутом, когда открыт
я не понимаю, а как ты еще лучше визуадьно его свяжешь? ну сделай стрелочку, указывающую на инпут
Anonymous
я не понимаю, а как ты еще лучше визуадьно его свяжешь? ну сделай стрелочку, указывающую на инпут
Оно в одном браузере так (хоть опять эти противные слайдеры), , в FF совсем иначе (там открываеся в случайном месте на странице)
Anonymous
https://jsfiddle.net/5kLyr42s/
Anonymous
Четыре совершенно разных colorpicker а во всех браузера, в Firefox popup вылетает в случайном месте страницы. Это не годится. Нужен вылезающий сверху или справа, красивый colorpicker. Кто-то же точно такой уже сделал
Bogdan
https://jsfiddle.net/5kLyr42s/
https://homfen.github.io/react-colorpicker/
Bogdan
https://www.npmjs.com/package/react-input-color тебе выше еще предлагали
Volodymyr
Товарищи, добрый день всем, подскажите как красивше взять значение по ключу, если ключ выглядит вот так ( @tyt:aasd:re:yur ) пример.
Bogdan
https://t.me/react_js/738680
Volodymyr
obj['@tyt:aasd:re:yur']
я просто в переменную записал эту строку, думал типо так красивее. Просто думал есть более красивый вариант, но спасибо за совет.
Anonymous
input type=color и пакет npm со своим компонентом это две разные вещи😅
Anonymous
Ан-нет, видимо. Но почему он разный в разных браузерах, если это компонент react? Я думал это браузерная реализация https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/color
Bogdan
input type=color и пакет npm со своим компонентом это две разные вещи😅
ну я открыл в 3ех браузерах и везде одинаково, что тебе не так теперь?
Anonymous
в Firefox видел? https://t.me/react_js/738690
Bogdan
в Firefox видел? https://t.me/react_js/738690
так это инпут нативный, тебе вон две либы на выбор, там все решено уже, зачем тебе этот инпут?
Anonymous
Только что допер
Bogdan
нативный конечно будет кривой, он слабо поддерживатеся
Pasha
Когда есть смысл использовать redux-saga а когда лучше на thunk ехать? Может есть еще какие альтернативы для сайд эффектов?
Roman
Всем привет Подскажите, как сделать валидацию аватарки Чтоб проверять размер, тип и тд
Bogdan
ну тоже самое, только в this.setState
Vyacheslav
Всем привет Подскажите, как сделать валидацию аватарки Чтоб проверять размер, тип и тд
вес можно узнать напрямую у файла, тип выдернуть из имени, самое сложное с размером, вот выдержка из своего проекта, по ней легко сориенттироваться
Vyacheslav
спасибо Я гляну если будут вопросы, можно в личку кидать тебе?
сначала чекни доку, если будут вопросы, потом уже живых людей беспокоить)
Roman
+
Aleksey
с такой проблемой вроде должна эта строчка помогать но не помогает «build": "rimraf ./dist && webpack --mode production"
Aleksey
тоесть нужно чтобы была очистка папки dist
Timofey
тоесть нужно чтобы была очистка папки dist
«build": "rimraf dist && webpack --mode production"
Timofey
"rimraf dist && webpack -p",
Timofey
чет не помогло
а у тебя по какому пути dist расположен?