Друзья существует условия внутри тега для атрибута: например: {...(value.skuInfo == false && 'className="first"') } как написать условии для атрибута существует короткий способ

А вообще возьми classnames или что то типо этого и негороди чудес

Вообще возьми styled components

className={ ...(!value.skuInfo && "first") }

Оо спасибо этот вариант рабочий

className={ ...(!value.skuInfo && "first") }

Ебучие наркоманы.

А потом читай это говно за ними.

Ебучие наркоманы.

Да лана тебе

А потом читай это говно за ними.

Просто ты спред недолюбливаешь)

className={ ...(!value.skuInfo && "first") }

Будет же false

Друзья существует условия внутри тега для атрибута: например: {...(value.skuInfo == false && 'className="first"') } как написать условии для атрибута существует короткий способ

apt-get install classnames className={classnames({first: !value.skuInfo})}

а поняла, но мне так не катит

Конфиг вебпака нужен в чат. У css-loader есть modules: true в options? В приведённом примере с SOF конфиг верен, посему проверьте путь до файла в импорте, как писали другие.

Хаюшки. Из интереса, существует канал о (юнит) тестировании?

ребят! А кто как с оптимизацией под google pagespeed справлялся с css бандлом? Гугл ругается, что надо отложить загрузку ксс..

или даже другой вопрос. CRA приложение, там lazy компоненты подгружаются. У компонентов разные ксс стили, которые импортятся каждый в своем компоненте. Но в билде - они мержатся в один. Как запретить это?

Приветствую. Xubuntu 16 на VirtualBox. Ставлю зависимости для проекта, получаю ETXTBSY: text file is busy, unlink для многих файлов зависимостей. Как исправить? Node v 10.15.0.

ребята, всем привет. есть экшн добавления материала и есть отдельный экшн «загрузки с сервера». они отчасти независимы, тк при начальной загрузке нужно просто подгрузить материалы. Но и после добавления нового - нужно снова подгрузить все материалы. я выделил код, который полностью копирует функцию "загрузки" материалов. как можно грамотно совместить это? из функции "addHashTag" вызвать напрямую функцию "loadHashtags" не получится, теряется ссылка на dispatch. а лепить эту логику в компоненте - вообще кощунство.

Приветствую. Xubuntu 16 на VirtualBox. Ставлю зависимости для проекта, получаю ETXTBSY: text file is busy, unlink для многих файлов зависимостей. Как исправить? Node v 10.15.0.

https://stackoverflow.com/questions/45678817/error-etxtbsy-text-file-is-busy-on-npm-install почти все ответы про virtualbox

Подскажите в чём может быть проблема: глобально установил create-react-app, создаю проект, запускаю, вылазят ошибки. Версия node на скрине.

Не знаю насколько для вас актуально) решил свою проблему, может будет кому то полезно: нужно было добавить в переменные среды путь "C:\Windows\System32"

Подскажите в чём может быть проблема: глобально установил create-react-app, создаю проект, запускаю, вылазят ошибки. Версия node на скрине.

Как вы установили npm v 6.10.3? Пытаюсь через nvm, версию Ноды 12 качает, новую верчию npm для неё нет, даёт ссылку, на которой этой версии npm нет.

Не знаю насколько для вас актуально) решил свою проблему, может будет кому то полезно: нужно было добавить в переменные среды путь "C:\Windows\System32"

так, у меня такая же проблема, а какие переменные ты добавил?

Скачали установщик с сайта Ноды?

Как вы установили npm v 6.10.3? Пытаюсь через nvm, версию Ноды 12 качает, новую верчию npm для неё нет, даёт ссылку, на которой этой версии npm нет.

Удалил предидущую версию ноды, 10 вроде стояла, и установуил текущую с оф сайта

NVM почему-то не умеет в новые версии Нoды и npm. На виртуалке на nvm ls available возвращает n/a.

так, у меня такая же проблема, а какие переменные ты добавил?

Добавь этот "C:\Windows\System32" путь в переменные среды, в переменную path, которая в нижнем блоке блоке "системные переменные" (system variables)

Добавь этот "C:\Windows\System32" путь в переменные среды, в переменную path, которая в нижнем блоке блоке "системные переменные" (system variables)

Спасибо

Спасибо

Не за что, сам долго мучился с этим вопросом)

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.

Пипл, кто кодит на Винде? У меня 8. Могли б скачать мой маленький проект, поставить зависимости, запустить? У приятеля на Убунту он работает хорошо, у меня на Винде не работает. Webpack dev-server пишет об адресе, по которому бегает приложение, зайти туда не могу.

Пипл, кто кодит на Винде? У меня 8. Могли б скачать мой маленький проект, поставить зависимости, запустить? У приятеля на Убунту он работает хорошо, у меня на Винде не работает. Webpack dev-server пишет об адресе, по которому бегает приложение, зайти туда не могу.

react здесь не при чем

Итак, как вылечил сообщения в те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).

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

или проще сделать форму уже каждой странице свой набор полей?

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

Делал для проекта генератор форм из yaml описания

или проще сделать форму уже каждой странице свой набор полей?

Если однотипных форм овер дофига то проще генератор сделать, а сами формы декларативно описать (тут правда могут быть интересные кейсы в виде зависимых полей и прочей радости, надо будет продумывать хорошо как это описывать)

Делал для проекта генератор форм из yaml описания

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

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

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

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

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

formik не пробовал?

formik не пробовал?

Расскажите мне новичку, зачем использовать это? Почему не просто хтмл форму?

Посмотрите для вдохновения хотя бы это https://github.com/mozilla-services/react-jsonschema-form

formik не пробовал?

я планирую его под капотом

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

Ещё для вдохновения https://github.com/redgeoff/mson-react

formik не пробовал?

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

Расскажите мне новичку, зачем использовать это? Почему не просто хтмл форму?

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

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

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

Расскажите мне новичку, зачем использовать это? Почему не просто хтмл форму?

ну упрощает разработку форм, он по сути своей мапит name элементов формы, на свой стейт formik, удобно валидировать, особенно если подключить yup, удобно разрабатывать сложные динамические формы, и получать нужную структуру данных.

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

тоесть поидее сделать кастомный кампонент, который передать в конфиге? тоесть вот этот инпут с чекбоксом будет один компонент?

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

Спасибо

ну упрощает разработку форм, он по сути своей мапит name элементов формы, на свой стейт formik, удобно валидировать, особенно если подключить yup, удобно разрабатывать сложные динамические формы, и получать нужную структуру данных.

А это нормальная практика тащить такие пакеты в бандл?

Спасибо

YouTube -> Andrew Mead -> Better Form Handling (?) with Formik.

А это нормальная практика тащить такие пакеты в бандл?

ну можешь сам сделать подобие формика, нужно ли это тебе?

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

вот есть такое

А это нормальная практика тащить такие пакеты в бандл?

Вполне. Вручную пришлось бы искать в документы инпуты и прочие элементы формы и работать с ними.

Расскажите мне новичку, зачем использовать это? Почему не просто хтмл форму?

Пока вас устраивает работа ручками с инпутами то все в порядке и не надо тянуть никакие дополнительные библиотеки. Со временем если долго и с большими формами будете работать, то сами поймёте что к чему

вот есть такое

тоесть поидее сделать кастомный кампонент, который передать в конфиге? тоесть вот этот инпут с чекбоксом будет один компонент?

Ага

Пока вас устраивает работа ручками с инпутами то все в порядке и не надо тянуть никакие дополнительные библиотеки. Со временем если долго и с большими формами будете работать, то сами поймёте что к чему

Понятно Спасибо всем

А это нормальная практика тащить такие пакеты в бандл?

если у тебя формы сложнее login, pass, то думаю оправданно. У нас сейчас в проекте много различных форм, в том числе имеющих под собой такую иерархическую структуру данных, а formik просто спасает здесь. Очень доволен, тем, что в свое время потратил время выбрал его.

Форма это много разных инпутов и прочих элементов. При сабмите пришлось бы со всех собрать значения вручную и отправить в action, обрабатывающий данный сабмит.

Я по началу начал делать форму и все через стейт редукса гнать все изменения ( дурак ) - она начала лагать, когда стала чуть более менее сложной 😄

Я по началу начал делать форму и все через стейт редукса гнать все изменения ( дурак ) - она начала лагать, когда стала чуть более менее сложной 😄

я просто контекст юзал, зачем редакс то тянуть

я просто контекст юзал, зачем редакс то тянуть

redux уже использовался, просто я подумал почему бы изменения формы в него сразу не загонять, представляешь ты заполняешь input, а у тебя на каждый символ летит action 😄

redux уже использовался, просто я подумал почему бы изменения формы в него сразу не загонять, представляешь ты заполняешь input, а у тебя на каждый символ летит action 😄

redux-form так и работает

там на каждый пук екшен летит

redux-form так и работает

вот я и говорю, форма стала сложной и стала подлагивать, а глядя на формы которые сейчас пишем, они бы вообще повисли

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

вот я и говорю, форма стала сложной и стала подлагивать, а глядя на формы которые сейчас пишем, они бы вообще повисли

я пока точно не знаю, как такие поля сделать

я просто контекст юзал, зачем редакс то тянуть

Просто воспользуйтесь final-form и не городиье костылей.

Просто воспользуйтесь final-form и не городиье костылей.

будет formik, но задача кастомных полей то остается открытой

я пока точно не знаю, как такие поля сделать

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

будет formik, но задача кастомных полей то остается открытой

В чем проблема? Вас никак final-form не ограничивает в том как поля должны выглядеть и работать.

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

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

и что у него же есть свойство initialValues

и что у него же есть свойство initialValues

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

всем привет. Почему при сохранении кода делаеться вот такая вот фигня?

как настроить VSCode, чтобы такого не было и код автоматически форматировался

стоит притир и на сохранение исправление