BARSOOQUE
Вообще возьми styled components
N
className={ ...(!value.skuInfo && "first") }
Оо спасибо этот вариант рабочий
Андрей
Андрей
А потом читай это говно за ними.
Dmitriy
Ебучие наркоманы.
Да лана тебе
Dmitriy
А потом читай это говно за ними.
Просто ты спред недолюбливаешь)
El
а поняла, но мне так не катит
Конфиг вебпака нужен в чат. У css-loader есть modules: true в options? В приведённом примере с SOF конфиг верен, посему проверьте путь до файла в импорте, как писали другие.
El
Хаюшки. Из интереса, существует канал о (юнит) тестировании?
Oleg
ребят! А кто как с оптимизацией под google pagespeed справлялся с css бандлом? Гугл ругается, что надо отложить загрузку ксс..
Oleg
или даже другой вопрос. CRA приложение, там lazy компоненты подгружаются. У компонентов разные ксс стили, которые импортятся каждый в своем компоненте. Но в билде - они мержатся в один. Как запретить это?
El
Приветствую. Xubuntu 16 на VirtualBox. Ставлю зависимости для проекта, получаю ETXTBSY: text file is busy, unlink для многих файлов зависимостей. Как исправить? Node v 10.15.0.
Anonymous
Anonymous
ребята, всем привет. есть экшн добавления материала и есть отдельный экшн «загрузки с сервера». они отчасти независимы, тк при начальной загрузке нужно просто подгрузить материалы. Но и после добавления нового - нужно снова подгрузить все материалы. я выделил код, который полностью копирует функцию "загрузки" материалов. как можно грамотно совместить это? из функции "addHashTag" вызвать напрямую функцию "loadHashtags" не получится, теряется ссылка на dispatch. а лепить эту логику в компоненте - вообще кощунство.
Anonymous
Tolik
Подскажите в чём может быть проблема: глобально установил create-react-app, создаю проект, запускаю, вылазят ошибки. Версия node на скрине.
Tolik
Не знаю насколько для вас актуально) решил свою проблему, может будет кому то полезно: нужно было добавить в переменные среды путь "C:\Windows\System32"
El
Подскажите в чём может быть проблема: глобально установил create-react-app, создаю проект, запускаю, вылазят ошибки. Версия node на скрине.
Как вы установили npm v 6.10.3? Пытаюсь через nvm, версию Ноды 12 качает, новую верчию npm для неё нет, даёт ссылку, на которой этой версии npm нет.
El
Скачали установщик с сайта Ноды?
El
NVM почему-то не умеет в новые версии Нoды и npm. На виртуалке на nvm ls available возвращает n/a.
Tolik
так, у меня такая же проблема, а какие переменные ты добавил?
Добавь этот "C:\Windows\System32" путь в переменные среды, в переменную path, которая в нижнем блоке блоке "системные переменные" (system variables)
Tolik
Спасибо
Не за что, сам долго мучился с этим вопросом)
El
NVM почему-то не умеет в новые версии Нoды и npm. На виртуалке на nvm ls available возвращает n/a.
Обновил NVM с 1.1.6 на 1.1.7. Вроде бы, дал скачать версию 10.16.3. Версия NPM при этом понизилась с 6.10.2 на 6.9.0.
El
Пипл, кто кодит на Винде? У меня 8. Могли б скачать мой маленький проект, поставить зависимости, запустить? У приятеля на Убунту он работает хорошо, у меня на Винде не работает. Webpack dev-server пишет об адресе, по которому бегает приложение, зайти туда не могу.
El
Итак, как вылечил сообщения в теpминале о 「wds」: Using a URL as contentBase is deprecated and will be removed in the next major version. Please use the proxy option instead от Вебпака. На Винде не помогло ничто. Хотя обновление nvm до последней версии позволил поставить последнюю Ноду и NPM 6.10.2 (почему-то не 6.10.3 как на скрине https://t.me/react_js/725416), ошибка выше осталась. На VirtualBox c Xubuntu 16 поставил последнюю версию nvm (nvm для Винды и Убунты это разные продукты от разных авторов), инструкцию по обновлению/установке можно взять на оф. странице. На виртуалке через nvm поставил последнюю версию Ноды (12.8.1). При установке зависимостей получил ошибки о выключенных symlink в VirtualBox. Проблема, как здесь: https://github.com/npm/npm/issues/992. Лечение описано в посте https://github.com/npm/npm/issues/992#issuecomment-289935776 и проверка лечения в посте https://github.com/npm/npm/issues/992#issuecomment-174154202 (# verify with).
Bogdan
пилит кто унивирсальные формы? типо что то такое, куда передать правила валидации и набор полей
Bogdan
или проще сделать форму уже каждой странице свой набор полей?
Александр
или проще сделать форму уже каждой странице свой набор полей?
Если однотипных форм овер дофига то проще генератор сделать, а сами формы декларативно описать (тут правда могут быть интересные кейсы в виде зависимых полей и прочей радости, надо будет продумывать хорошо как это описывать)
Bogdan
Делал для проекта генератор форм из yaml описания
я просто так смотрю, что генератор не подйдет, есть супер уникальные поля, типо чекбокс и его инпут, тоесть если чекбок не нажал, в инпут нельзя вводить, я пока хз как сделать лучше, есть селекеты, от которых зависят другие инпуты
Bogdan
Все возможно, и описанное вами поведение можно декларативно задать
пока не знаю как толком, нужно подумать, хочется что то вроле конфига передать и все
ipos
formik не пробовал?
Zaff
formik не пробовал?
Расскажите мне новичку, зачем использовать это? Почему не просто хтмл форму?
Александр
Посмотрите для вдохновения хотя бы это https://github.com/mozilla-services/react-jsonschema-form
Bogdan
formik не пробовал?
я планирую его под капотом
Bogdan
formik не пробовал?
я имею ввиду, что то вроде генератора форм, что бы передать конфиг , стейт и все отработало, но есть супер какие то уникальные поля
El
Расскажите мне новичку, зачем использовать это? Почему не просто хтмл форму?
Много удобных обёрток для действий с полями. Вроде назначить значение на поле формы, держать в памяти ошибки валидации для полей и отображать их под полями. Валидация.
Александр
я имею ввиду, что то вроде генератора форм, что бы передать конфиг , стейт и все отработало, но есть супер какие то уникальные поля
Для супер уникальных отдельный компонент заводите со всей логикой, и ссылаетесь в описании на него
ipos
Расскажите мне новичку, зачем использовать это? Почему не просто хтмл форму?
ну упрощает разработку форм, он по сути своей мапит name элементов формы, на свой стейт formik, удобно валидировать, особенно если подключить yup, удобно разрабатывать сложные динамические формы, и получать нужную структуру данных.
Bogdan
Для супер уникальных отдельный компонент заводите со всей логикой, и ссылаетесь в описании на него
тоесть поидее сделать кастомный кампонент, который передать в конфиге? тоесть вот этот инпут с чекбоксом будет один компонент?
El
Спасибо
YouTube -> Andrew Mead -> Better Form Handling (?) with Formik.
Bogdan
А это нормальная практика тащить такие пакеты в бандл?
ну можешь сам сделать подобие формика, нужно ли это тебе?
El
А это нормальная практика тащить такие пакеты в бандл?
Вполне. Вручную пришлось бы искать в документы инпуты и прочие элементы формы и работать с ними.
Александр
Расскажите мне новичку, зачем использовать это? Почему не просто хтмл форму?
Пока вас устраивает работа ручками с инпутами то все в порядке и не надо тянуть никакие дополнительные библиотеки. Со временем если долго и с большими формами будете работать, то сами поймёте что к чему
ipos
А это нормальная практика тащить такие пакеты в бандл?
если у тебя формы сложнее login, pass, то думаю оправданно. У нас сейчас в проекте много различных форм, в том числе имеющих под собой такую иерархическую структуру данных, а formik просто спасает здесь. Очень доволен, тем, что в свое время потратил время выбрал его.
El
Форма это много разных инпутов и прочих элементов. При сабмите пришлось бы со всех собрать значения вручную и отправить в action, обрабатывающий данный сабмит.
ipos
Я по началу начал делать форму и все через стейт редукса гнать все изменения ( дурак ) - она начала лагать, когда стала чуть более менее сложной 😄
ipos
я просто контекст юзал, зачем редакс то тянуть
redux уже использовался, просто я подумал почему бы изменения формы в него сразу не загонять, представляешь ты заполняешь input, а у тебя на каждый символ летит action 😄
Bogdan
там на каждый пук екшен летит
ipos
redux-form так и работает
вот я и говорю, форма стала сложной и стала подлагивать, а глядя на формы которые сейчас пишем, они бы вообще повисли
ipos
так что пусть formik использует свой локальный стейт внутри, а на submit я уже запишу в стор или чего там нужно будет сделаю.
Андрей
я просто контекст юзал, зачем редакс то тянуть
Просто воспользуйтесь final-form и не городиье костылей.
Bogdan
Просто воспользуйтесь final-form и не городиье костылей.
будет formik, но задача кастомных полей то остается открытой
ipos
я пока точно не знаю, как такие поля сделать
в смысле, а что тут за логика? ты ставишь чекбокс и у тебя должен инпут заполнится чем-то?
Андрей
будет formik, но задача кастомных полей то остается открытой
В чем проблема? Вас никак final-form не ограничивает в том как поля должны выглядеть и работать.
Bogdan
в смысле, а что тут за логика? ты ставишь чекбокс и у тебя должен инпут заполнится чем-то?
ага, чекбокс поставил и можно в инпут писать, но смысл не в этом, а в том, что формику то еще стейт начальный передать нужно
ipos
и что у него же есть свойство initialValues
Bogdan
и что у него же есть свойство initialValues
да, но изначально недолжно быть там значения, как то нужно писать в стейт эти новые пля динамически, я видел там что то вроде FieldArray было
Sergiy
Sergiy
всем привет. Почему при сохранении кода делаеться вот такая вот фигня?
Sergiy
как настроить VSCode, чтобы такого не было и код автоматически форматировался
Bogdan
стоит притир и на сохранение исправление