Илья
>_< как всегда невнимательно читал по диагонали… Благодарю.
eden
https://github.com/yannickcr/eslint-plugin-react/blob/master/docs/rules/jsx-handler-names.md вот правило, кстати. Правда оно работает не так как я запомнил
Y
кто-нибудь делал drag and drop на реакте без доп. либ? <li onDragEnter={handleDragEnter}> <span>text</span> </li> событие срабатывает в том числе и на span. Есть возможность этого избежать?
Вроде как в js события идут снизу вверх, поэтому если кликнуть на span, то сначало отработает его событие, а потом уже родителя. Это неизбежно
Y
https://dev.to/clickys/bubble-vs-capture--3b19
Ого спс не знал о таком 👍
eden
https://dev.to/clickys/bubble-vs-capture--3b19
ну вот даже здесь видно, что событие проходит по всей цепочке, а у меня оно останавливается
Y
https://developer.mozilla.org/en-US/docs/Web/API/Event/cancelBubble
Y
Попробуй его
eden
звучит как будто это тоже самое, но попробую, спасибо
Y
Есть ещё stopImmediatePropagation
Daniil
Есть Formik и справа абсолютом <i> иконка сброса, при клике на нёё срабатывает валидаця onBlur, иконка меняет на icon-error и reset не отрабатывает (всё красное, значение прежнее) если валидацию убрать, reset работает в поряде, знакомо кому-нибудь?
Sm•ok
Кто что юзал для создания Drag&Drop ?
Artem
Кто что юзал для создания Drag&Drop ?
react-dropzone сейчас использую
Sm•ok
и как ?
Sm•ok
выглядит вроде приятно
Artem
Да никак. Выбирали его еще до меня, работает и на мобиле и неа десктопе, коллизий не создает. Буду рефакторить - буду смотреть, нужна ли альтернатива...
DErek
Добрый день Ребята. Подскажите. Хук useState, совсем ни как нельзя вынести за пределы функцонального компонента ? Благодарю.
🦜
Ого спс не знал о таком 👍
лол, это проходится на твой день, когда жс изучаешь
DErek
Зачем?
что бы логика была отдельно от компонента. удобнее так
🦜
это как ?
открой доку и посмотри как свои хуки писать
Sm•ok
визуально хочу пощупать
Sm•ok
Хотя вроде у них сайтик есть
DErek
открой доку и посмотри как свои хуки писать
как лучше применять хуки для формы, поделись ссылкой, или расскажи
Sm•ok
А мне нужно как Jira ))
🦜
А мне нужно как Jira ))
сначала посмотри как делать днд на нативном html5
🦜
а потом можешь прикрутить его к реакту
🦜
там просто на самом деле
Sm•ok
там изи
Sm•ok
onMouseLeave и подобные ивенты
Artem
а в чем тогда вопрос
Sm•ok
но я там не с состоянием манипулировал
Sm•ok
А больше как с элементами
Sm•ok
Я бы не хотел бы свой велосипед писать
Sm•ok
и прикручивать к нему анимашки
Sm•ok
и больше присматриваюсь к готовым вариантам.
Artem
я наверн не совсем понял, что надо
Sm•ok
Sm•ok
менять порядок
Artem
jira видел?
свидетели сего
Sm•ok
Когда задачи перетаскиваешь
Андрей Чайковский
и прикручивать к нему анимашки
Тебе такое нужно? https://react-beautiful-dnd.netlify.com/iframe.html?id=board--simple
Artem
))) мне это скорее трелло напоминает
Sm•ok
Тебе такое нужно? https://react-beautiful-dnd.netlify.com/iframe.html?id=board--simple
Только я уже нагуглил тучу и нужно мнение людей
Artem
чем жиру
Sm•ok
кто уже юзал
Sm•ok
чем жиру
dnd и там и там
Artem
тогда отбой, такое я не сиспользую
Eugen
Ребята, всем привет. Такой вот вопрос как понять какие зависимости должны быть в девДепенденсе, а которые просто в депенденсе ?
Artem
Только я уже нагуглил тучу и нужно мнение людей
Нашел у себя в сохраненных такой вариант, почеему-то именно на нем я остановился...https://github.com/danielstocks/react-sortable
Eugen
в дев всякие бандлеры и вспомогательные библиотеки
ну как понять эта либа в ДЕВ утсанавливать надо или провто в депенденс ?
Eugen
все что не участвует в билде, то в дев
ну не совсем понятно. допустим этот паке где должен быть ? cookie-parser
Andrey
ну не совсем понятно. допустим этот паке где должен быть ? cookie-parser
куки парсер используется при билде проекта? (в т.ч. ВКЛЮЧАЕТСЯ в итоговый бандл)
Илья
ну как понять эта либа в ДЕВ утсанавливать надо или провто в депенденс ?
Реакт нужен для работы приложения всегда? Вот он и висит поэтому в dependencies
eden
ну не совсем понятно. допустим этот паке где должен быть ? cookie-parser
это часть твоего приложения? тогда в dependencies (куки парсер - скорее всего да)
Илья
А вебпак не нужен, поэтому он и висит в devDependencies
Andrey
А вебпак не нужен, поэтому он и висит в devDependencies
а проект как сбилдится, если вебпак в дэвах, лол?
Eugen
а проект как сбилдится, если вебпак в дэвах, лол?
Ну потому что на севере не вебпак собирает проект
Илья
а проект как сбилдится, если вебпак в дэвах, лол?
https://stackoverflow.com/questions/40143357/do-you-put-babel-and-webpack-in-devdependencies-or-dependencies
Artyon
Привет товарищи, поясните мне пожалуйста. Ситуация такая: я делаю реюзабельный компонент обращающийся к стору. Как не вшивать в компонент знание о том, где конкретно в сторе находится инфа принадлежая этому компоненту. Тобишь если я дам пользователю право самом выбирать место и название для редюьсера, как в таком случае быть с компонентом?
DErek
Ребят. ВОПРОС. А, нормально что в одном компоненте есть useAuthForm, который надо для изменений полей input и useRequest для запроса в аус ? получается при каждом нажатии на кнопку в поле формы постоянно инититься useRequest. Это норм или надо разделять ? const SignIn = (props) => { const { credentials, handlerChangeCredential } = useAuthForm(); const { state, auth } = useRequest();
Den
ну джуну просто по умолчанию надо делать тестовые, миддл+ не должен, по моему мнению
Слать манагера, типа "не мой левел"? "А как мы вас проверим"?
Vova
всем привет. Захотелось мне сделать HOC из компонента подключченного к Redux, но он не работает. Как только убираю connect все раюотает
Dmitry
Слать манагера, типа "не мой левел"? "А как мы вас проверим"?
изи же человек отчечает на вопросы. значит могет