Anonymous
да, для этого придумали useCallback, частный случай useMemo
это все оверхед в виде фиксов боттлнека, который еще не случился и вряд ли случится
Dmitry
про ререндеры вспоминается, берем обычный <input>, меняем value в пропсах, каретка каждый раз будет уезжать в конец строки. Иду в гугл, нахожу issue, читаю. Дофига рецептов. И Дэн Абрамов в конце - юзайте setState! И закрывает тему. no comments.
Maksim
это все оверхед в виде фиксов боттлнека, который еще не случился и вряд ли случится
это уже другой вопрос изначально вопрос был "как", а не "зачем"
Anonymous
это уже другой вопрос изначально вопрос был "как", а не "зачем"
ну лучше заранее человека предупредить что это, на данном этапе, пустая трата времени :)
🤖Ilya
то что я волнуюсь о ререндере?)
Anonymous
то что я волнуюсь о ререндере?)
да, это попытки преждевременной оптимизации
🤖Ilya
просто я был уверен что есть решение, т.к. в доке я увидел только стрелочные функции-хендлеры
🤖Ilya
ну типа искал best practice
🤖Ilya
если нет - то нет
🦜
Где можно почитать примеры хорошего и грамотного react кода? На гитхабе может есть репы от супер специалистов, опинион мейкеров?
все пишут код, как пишут. Искать лучшие практики без понятие почему так пишут, это как в лужу пердеть
Anonymous
просто я был уверен что есть решение, т.к. в доке я увидел только стрелочные функции-хендлеры
это нормально в функциональных компонентах, мемоизировать что-то стоит только в том случает, если в функции есть какая-то жоская логика, вычисления. Ну или когда у тебя начало лагать и ты в профайлере добрался до этого самого хендлера.
MⅨ
что это за ошибка блин
MⅨ
vue_ru
🤖Ilya
vue_ru
это почему?
MⅨ
я еще просто подумал что с появлением хуков можно полностью перейти на функциональные компоненты, но видимо пока нет
🤖Ilya
что это за ошибка блин
yarn install --peer не помогает?
🦜
есть ведь «бестпрактисес» и «думать в стиле реакт»?
бест практисы это лишь примеры кода. Если ты просто хочешь писать также без понятия, почему так стоит писать, это тупо. На счет реакт вей, это реакт вей, он учит правильно строить композицию компонентов, создавать АПИ, и разделять их
Eugene
что это за ошибка блин
написано же) перевести и вуаля все понятно npm install apollo-tracing@0.5.2
MⅨ
required *by*
Eugene
а в npm наверное тоже есть команда установить все peer зависимости
Ula
бест практисы это лишь примеры кода. Если ты просто хочешь писать также без понятия, почему так стоит писать, это тупо. На счет реакт вей, это реакт вей, он учит правильно строить композицию компонентов, создавать АПИ, и разделять их
а откуда сделан вывод, что «без понятия», как получить понятие если не смотреть как пишут лучшие в своем деле? ))) или это метод «изобрету ка я свой велосипед, чтобы понять как делаеются транспортные средства?»
Eugene
ну можно открыть airbnb стайлгайд и писать код)
Ula
Да это ж попугай, чё его слушать
я не местный, сразу не сообразишь кто троллит, а кто по делу отвечает
Artem
ну можно открыть airbnb стайлгайд и писать код)
airbnb смотрю не только для меня иконой стал
Vladislav
вообще удивительный подход. отвечать на какие-то вопросы, которые отвечающий сам себе придумал. и не слова ответа на мой вопрос
а разве отвечающий должен брать цитаты великих людей?) он просто высказал свое мнение
Eugene
airbnb смотрю не только для меня иконой стал
ну не совсем) половину повырубал оттуда кек
Eugene
типа ';'
Eugene
и default экспорты они советуют, тоже нафиг
🦜
а откуда сделан вывод, что «без понятия», как получить понятие если не смотреть как пишут лучшие в своем деле? ))) или это метод «изобрету ка я свой велосипед, чтобы понять как делаеются транспортные средства?»
чтобы свой велосипед изобрести, нужно уметь чертить, понимать сопротивление материалов, инженерию, физику. Без этих знаний ты вряд-ли что-то поймешь открыв чертежи. Тоже самое с примерами кода
Ula
а разве отвечающий должен брать цитаты великих людей?) он просто высказал свое мнение
при чем тут цитаты великих людей? он высказал мнение по вопросу, который сам себе задал, а не который я задал. ладно бы я пытался сделать что-то очень плохое, но ведь моя просьба и стремления как минимум имеют стремление к корректности и правильности. Все равно что я спрошу «сколько время», а мне ответят «кушать нужно дома»
444
Тебе нормально ответили
Denis
всем привет, пробую анимацию, но не работает, как обычно тег span появляется, анимации нет, в css стили написаны, ковыряюсь час уже ReactCSSTransitionGroup кто нибудь с этим работал?
🦜
@itsjohncena
Ula
какой вопрос, такой и ответ react-way в доке описаны все, че их ходить по интернету искать, не ясно + ко всему, у каждого свое понимание удобства
вопрос - где прочитать? ответ - нехай читать! по твоему правильный ответ? бест практисес лучше не читать? боже мой, что с логикой то у людей?
Denis
точнее вопрос задавай
транзишн находится в условии, по условию инпуты есть или нет, когда тру появляется спан вокруг них, но без анимации, в чем может быть проблема
Ula
Ну я предупреждал. С таким же успехом можно со стеной спорить
абсурдность ситуации - ответил попугай, а бездумно повторяют люди 🤦‍♂️
Andrey
вопрос - где прочитать? ответ - нехай читать! по твоему правильный ответ? бест практисес лучше не читать? боже мой, что с логикой то у людей?
да, по моему правильный ответ best practices будут best только в текущем контексте использования можно гуглить паттерны в реакте, технологии но бест практисы...
Ula
да, по моему правильный ответ best practices будут best только в текущем контексте использования можно гуглить паттерны в реакте, технологии но бест практисы...
ну вот это больше похоже на ответ на мой вопрос. у него есть 2 составляющие: «ты ищешь не в том направлении», «вот тебе ТО направление». как минимум решает мой вопрос, а не создает лишние сущности. конечно есть еще проблема в определениях. кому-то «беспрактисес», кому-то «паттерны в реакте"
Max
транзишн находится в условии, по условию инпуты есть или нет, когда тру появляется спан вокруг них, но без анимации, в чем может быть проблема
Попробуйте ещё раз посмотреть примеры из документации. Мне кажется, вы не вполне понимаете, что делаете
Max
Я бы примерно показал, как поправить код, но это скриншот
Andrey
дай бог тебе здоровья 😂
ну я хотя бы беспрактисы реакта найти не пытаюсь 🤷🏻‍♂️
Ula
ну я хотя бы беспрактисы реакта найти не пытаюсь 🤷🏻‍♂️
да успокойся ты уже. каждому свое, как бабка базарная, ей богу
Andrey
🧐
Dmitriy
посоветуйте книгу - бест пректис порядка импортов
Dmitriy
по "реакт вей" забыл
а точняк именно в контексте реакта
Max
посоветуйте книгу - бест пректис порядка импортов
Есть только справочник в 12 томах, пойдёт?
Dmitry
Перепись одиночек которым в общем пофиг как писать)
Andrey
Перепись одиночек которым в общем пофиг как писать)
перепись тех людей, которые понимают, что есть идиоматические паттерны программироания, присущие конкретным фреймворкам, и фреймворк-агностические пути написания правильного кода, которые термином best practices не назвать по определению
Dmitriy
Перепись одиночек которым в общем пофиг как писать)
для бизнес задач вообще до лампочки ставишь ли ты точкусзапятой или нет
Eugene
а это мне был ответ?
+ (если ты спрашивал про бест практис)
Denis
Попробуйте ещё раз посмотреть примеры из документации. Мне кажется, вы не вполне понимаете, что делаете
вместо h1 у меня инпуты, но я думаю что-то с подключением, в документации один вариант подключения в npm другой описан
Ula
+ (если ты спрашивал про бест практис)
спасибо, не понял сразу, почитаю сейчас
🐏 Alexander
а вообще нормально передавать в useCallback, пустой массив в качестве зависимостей?
🐏 Alexander
есть правило react-hooks/exhaustive-deps, оно заставляет всегда указывать зависимости, вот непонятно, кто тут не прав
🐏 Alexander
есть код этого хендлера?
ну вот такой например const {isChecked, onChange} = props useCallback(() => onChange(!isChecked), [])