Size: a a a

React — русскоговорящее сообщество

2020 November 23

ИМ

Иван Моров in React — русскоговорящее сообщество
Михаил
Сейчас комп запущу - покажу тебе как надо
Я кажется понял, нужно дальнейшую логику просто вынести за пределы onModelChange.

Тот код что у меня и не должен работать...
источник

М

Михаил in React — русскоговорящее сообщество

const App = () => {
 const { tryChangeModel, newIds } = useModelChange()

 return (
   <div>
     <div>{newIds}</div>
     <button onClick={tryChangeModel}></button>
   </div>
 )
}
источник

М

Михаил in React — русскоговорящее сообщество
Иван Моров
Я кажется понял, нужно дальнейшую логику просто вынести за пределы onModelChange.

Тот код что у меня и не должен работать...
Да, ты прав, хуки должны быть первыми в компоненте и их не нужно оборачивать ни в какие функции. Для redux тоже есть хуки, но его вообще лучше не использовать. Вообще поставь eslint для react hooks, он очень помогает.
источник

ИМ

Иван Моров in React — русскоговорящее сообщество
Да да, именно так и работает. У меня подход изначально был не правильный просто.

Спасибо большое, буду переделывать)
источник

М

Михаил in React — русскоговорящее сообщество
Иван Моров
Да да, именно так и работает. У меня подход изначально был не правильный просто.

Спасибо большое, буду переделывать)
Рад, что разобрался. Там еще много фишек, которых без eslint тяжело отследить так что лучше:
1) настроить  https://www.npmjs.com/package/eslint-plugin-react-hooks.
2) Поставить https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi
3) Если все же будешь использовать redux то вот хуки для него https://react-redux.js.org/api/hooks.
4) Когда будут проблемы с производительностью. Их можно решить с помощью memo, useMemo, useCallback. Там еще есть особенность работы контекста, который используют некоторых хуки, например useRouter из Next.js.
источник

ДБ

Денис Богданенко... in React — русскоговорящее сообщество
подскажите как в методе completeTodo сделать так что бы он возвращал не тру а значение противоположное теперешнему, то есть чтобы можно было отменить выполнение задачи
источник

ДД

Даниил Дьяченко... in React — русскоговорящее сообщество
Денис Богданенко
подскажите как в методе completeTodo сделать так что бы он возвращал не тру а значение противоположное теперешнему, то есть чтобы можно было отменить выполнение задачи
!newTodos[index].isCompleted
источник

ДД

Даниил Дьяченко... in React — русскоговорящее сообщество
Неправильно написал, ну ты понял
источник

ДБ

Денис Богданенко... in React — русскоговорящее сообщество
Даниил Дьяченко
!newTodos[index].isCompleted
получилось спасибо
источник

АБ

Александр Бакиматов... in React — русскоговорящее сообщество
не надо мутировать
источник

OT

Oruj Tatiyev in React — русскоговорящее сообщество
могут ли в редаксе в разных reducer-ах находится адинаковые названия экшнов? в vuex нельзя
источник

AP

Akshay Pai in React — русскоговорящее сообщество
Collection of 180+ JavaScript Modern Interview code challenges

https://github.com/sadanandpai/javascript-code-challenges
источник

O

Orian in React — русскоговорящее сообщество
Oruj Tatiyev
могут ли в редаксе в разных reducer-ах находится адинаковые названия экшнов? в vuex нельзя
работать не будет
источник

V

Vlad in React — русскоговорящее сообщество
Oruj Tatiyev
могут ли в редаксе в разных reducer-ах находится адинаковые названия экшнов? в vuex нельзя
В вуекс можно если поставить namespaced: true, в редаксе можно похожего добиться через неймспейсы
источник

Z

Zabashta in React — русскоговорящее сообщество
Александр Бакиматов
тебе уже конечно говорили, но это вопрос про стили. будешь в следующий раз задавать такие же вопросы а потом спорить - будешь отдыхать от чата
во-первых я уже сказал, что я не знал, относится это к стилям или напрямую к styled components, которая является популярной среди экосистемы реакт.
источник

Z

Zabashta in React — русскоговорящее сообщество
Чат, доброе утро. Подскажите, пж, я сделал простенький слайдер, просто переключаю src на image по индексу массива. Как сделать приятную анимацию для слайдера? Какие в реакте библиотеки позволяет компоненту на маунте задавать эффекты :3
источник

ДБ

Денис Богданенко... in React — русскоговорящее сообщество
Александр Бакиматов
не надо мутировать
Нужно использовать Object.assign или о чем ты?
источник

АБ

Александр Бакиматов... in React — русскоговорящее сообщество
Денис Богданенко
Нужно использовать Object.assign или о чем ты?
надо использовать нормальные методы массивов. map например
источник

ДБ

Денис Богданенко... in React — русскоговорящее сообщество
Александр Бакиматов
надо использовать нормальные методы массивов. map например
Понял, спасибо
источник

OT

Oruj Tatiyev in React — русскоговорящее сообщество
Vlad
В вуекс можно если поставить namespaced: true, в редаксе можно похожего добиться через неймспейсы
лол
источник