>_< как всегда невнимательно читал по диагонали… Благодарю.

https://github.com/yannickcr/eslint-plugin-react/blob/master/docs/rules/jsx-handler-names.md вот правило, кстати. Правда оно работает не так как я запомнил

кто-нибудь делал drag and drop на реакте без доп. либ? <li onDragEnter={handleDragEnter}> <span>text</span> </li> событие срабатывает в том числе и на span. Есть возможность этого избежать?

Вроде как в js события идут снизу вверх, поэтому если кликнуть на span, то сначало отработает его событие, а потом уже родителя. Это неизбежно

Вроде как в js события идут снизу вверх, поэтому если кликнуть на span, то сначало отработает его событие, а потом уже родителя. Это неизбежно

есть bubbling и capturing

Вроде как в js события идут снизу вверх, поэтому если кликнуть на span, то сначало отработает его событие, а потом уже родителя. Это неизбежно

https://dev.to/clickys/bubble-vs-capture--3b19

Вроде как в js события идут снизу вверх, поэтому если кликнуть на span, то сначало отработает его событие, а потом уже родителя. Это неизбежно

но оно должно доходить до топа по остальным компонентам, насколько я помню

https://dev.to/clickys/bubble-vs-capture--3b19

Ого спс не знал о таком 👍

https://dev.to/clickys/bubble-vs-capture--3b19

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

https://developer.mozilla.org/en-US/docs/Web/API/Event/cancelBubble

Попробуй его

звучит как будто это тоже самое, но попробую, спасибо

Есть ещё stopImmediatePropagation

Есть Formik и справа абсолютом <i> иконка сброса, при клике на нёё срабатывает валидаця onBlur, иконка меняет на icon-error и reset не отрабатывает (всё красное, значение прежнее) если валидацию убрать, reset работает в поряде, знакомо кому-нибудь?

Кто что юзал для создания Drag&Drop ?

Кто что юзал для создания Drag&Drop ?

react-dropzone сейчас использую

и как ?

выглядит вроде приятно

Да никак. Выбирали его еще до меня, работает и на мобиле и неа десктопе, коллизий не создает. Буду рефакторить - буду смотреть, нужна ли альтернатива...

Добрый день Ребята. Подскажите. Хук useState, совсем ни как нельзя вынести за пределы функцонального компонента ? Благодарю.

Ого спс не знал о таком 👍

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

Добрый день Ребята. Подскажите. Хук useState, совсем ни как нельзя вынести за пределы функцонального компонента ? Благодарю.

нет

Добрый день Ребята. Подскажите. Хук useState, совсем ни как нельзя вынести за пределы функцонального компонента ? Благодарю.

но можно написать хук поверх хука useState

Добрый день Ребята. Подскажите. Хук useState, совсем ни как нельзя вынести за пределы функцонального компонента ? Благодарю.

Зачем?

Зачем?

что бы логика была отдельно от компонента. удобнее так

что бы логика была отдельно от компонента. удобнее так

читай кастомный хук

но можно написать хук поверх хука useState

это как ?

что бы логика была отдельно от компонента. удобнее так

бери тогда стейт менеджер

это как ?

открой доку и посмотри как свои хуки писать

Да никак. Выбирали его еще до меня, работает и на мобиле и неа десктопе, коллизий не создает. Буду рефакторить - буду смотреть, нужна ли альтернатива...

есть пример в открытом доступе ?

визуально хочу пощупать

Хотя вроде у них сайтик есть

открой доку и посмотри как свои хуки писать

как лучше применять хуки для формы, поделись ссылкой, или расскажи

как лучше применять хуки для формы, поделись ссылкой, или расскажи

я использую форм менеджеры типа react-final-form

Да никак. Выбирали его еще до меня, работает и на мобиле и неа десктопе, коллизий не создает. Буду рефакторить - буду смотреть, нужна ли альтернатива...

стоп, это же dnd для файлов ?

А мне нужно как Jira ))

А мне нужно как Jira ))

сначала посмотри как делать днд на нативном html5

а потом можешь прикрутить его к реакту

там просто на самом деле

сначала посмотри как делать днд на нативном html5

Я делал

там изи

onMouseLeave и подобные ивенты

а в чем тогда вопрос

но я там не с состоянием манипулировал

А больше как с элементами

Я бы не хотел бы свой велосипед писать

и прикручивать к нему анимашки

и больше присматриваюсь к готовым вариантам.

я наверн не совсем понял, что надо

я наверн не совсем понял, что надо

jira видел?

я наверн не совсем понял, что надо

Drag & Drop для списков

менять порядок

jira видел?

свидетели сего

Когда задачи перетаскиваешь

и прикручивать к нему анимашки

Тебе такое нужно? https://react-beautiful-dnd.netlify.com/iframe.html?id=board--simple

Тебе такое нужно? https://react-beautiful-dnd.netlify.com/iframe.html?id=board--simple

Да

))) мне это скорее трелло напоминает

Тебе такое нужно? https://react-beautiful-dnd.netlify.com/iframe.html?id=board--simple

Только я уже нагуглил тучу и нужно мнение людей

чем жиру

кто уже юзал

чем жиру

dnd и там и там

тогда отбой, такое я не сиспользую

Ребята, всем привет. Такой вот вопрос как понять какие зависимости должны быть в девДепенденсе, а которые просто в депенденсе ?

Ребята, всем привет. Такой вот вопрос как понять какие зависимости должны быть в девДепенденсе, а которые просто в депенденсе ?

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

Только я уже нагуглил тучу и нужно мнение людей

Нашел у себя в сохраненных такой вариант, почеему-то именно на нем я остановился...https://github.com/danielstocks/react-sortable

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

ну как понять эта либа в ДЕВ утсанавливать надо или провто в депенденс ?

ну как понять эта либа в ДЕВ утсанавливать надо или провто в депенденс ?

все что не участвует в билде, то в дев

все что не участвует в билде, то в дев

ну не совсем понятно. допустим этот паке где должен быть ? cookie-parser

ну не совсем понятно. допустим этот паке где должен быть ? cookie-parser

куки парсер используется при билде проекта? (в т.ч. ВКЛЮЧАЕТСЯ в итоговый бандл)

ну как понять эта либа в ДЕВ утсанавливать надо или провто в депенденс ?

Реакт нужен для работы приложения всегда? Вот он и висит поэтому в dependencies

ну не совсем понятно. допустим этот паке где должен быть ? cookie-parser

это часть твоего приложения? тогда в dependencies (куки парсер - скорее всего да)

А вебпак не нужен, поэтому он и висит в devDependencies

А вебпак не нужен, поэтому он и висит в devDependencies

а проект как сбилдится, если вебпак в дэвах, лол?

а проект как сбилдится, если вебпак в дэвах, лол?

Ну потому что на севере не вебпак собирает проект

а проект как сбилдится, если вебпак в дэвах, лол?

https://stackoverflow.com/questions/40143357/do-you-put-babel-and-webpack-in-devdependencies-or-dependencies

Привет товарищи, поясните мне пожалуйста. Ситуация такая: я делаю реюзабельный компонент обращающийся к стору. Как не вшивать в компонент знание о том, где конкретно в сторе находится инфа принадлежая этому компоненту. Тобишь если я дам пользователю право самом выбирать место и название для редюьсера, как в таком случае быть с компонентом?

Привет товарищи, поясните мне пожалуйста. Ситуация такая: я делаю реюзабельный компонент обращающийся к стору. Как не вшивать в компонент знание о том, где конкретно в сторе находится инфа принадлежая этому компоненту. Тобишь если я дам пользователю право самом выбирать место и название для редюьсера, как в таком случае быть с компонентом?

прокидывать данные через пропсы

Ребят. ВОПРОС. А, нормально что в одном компоненте есть useAuthForm, который надо для изменений полей input и useRequest для запроса в аус ? получается при каждом нажатии на кнопку в поле формы постоянно инититься useRequest. Это норм или надо разделять ? const SignIn = (props) => { const { credentials, handlerChangeCredential } = useAuthForm(); const { state, auth } = useRequest();

ну джуну просто по умолчанию надо делать тестовые, миддл+ не должен, по моему мнению

Слать манагера, типа "не мой левел"? "А как мы вас проверим"?

всем привет. Захотелось мне сделать HOC из компонента подключченного к Redux, но он не работает. Как только убираю connect все раюотает

Слать манагера, типа "не мой левел"? "А как мы вас проверим"?

изи же человек отчечает на вопросы. значит могет