Три популярні помилки початківців в React - state, key, effect
HTML-код
- Опубликовано: 21 сен 2024
- ✍️ В цьому відео ми розберемо три помилки, які часто допускають початківці, а саме - React не оновлює дані на екрані, React скаржиться на відсутність ключа в елементах списку та нескінченний рендер під час використання хуку useEffect
✉️ Telegram: t.me/reactbegi...
❤️ Підтримати канал: opencollective...
💡Всі матеріали курсу: github.com/Dra...
дяка
🔥Якраз для мого рівня!
Нічого нового не дізнався, але дякую за український контент
Так може ви вже й не початківець?)
@@reactdev виходить що так))
ООйойойойоййй друууже. Це ж україномовний контент... Вподобайку вже вліпив та підписався :))
Супер, дякую!
напишу щоб збільшити))
Cупер! Дуже вдячний!
це база, це фундамент =)
І це теж, дякую за відгук!
Дякую за відео! Контент, як завжди на висоті👍 Так тримати)
Дякую за відгук!
дякую за відео!
дякую за український контент! 🔥
було б добре, якби ви також показали, що робити з ключами, якшо нема унікального значення і наприклад ім*я може повторюватися і айдішки нема
Створювати самостійно, наприклад під час завантаження даних. Дякую за ідею, можливо зробимо коротеньке відео про це
Вы можете добавлять маску если вам очень приватный ключ нужен. Например так, 'yours index'+'yours megacosmoprivate mask'
@@reactdev Зачем снимать про это видео, и так понятно как итератор написать. Можете сделать ролик как правильно работать с АПИ, бо в том ролике, что был до нового года далеко не все...
@@reactdev вы уже ответили на этот вопрос, нужно создать счетчик и увеличивать его на каждой итерации при добавлении данных, т.е. другими словами написать свой итератор.
@@reactdev uniqueId() з лодаша підійде?
What’s a good value for a key? An easy way to answer this is to ask:when would you say an item is the “same” even if the order changed? > - Dan Abramov
3:13 рядок 15, можна спростити `user.userName || "UNKNOWN"`
Дякую за відео
Влучно підмітили, дякую!
Сравнение типа элемента в той же позиции в дереве обычно достаточно, чтобы решить, следует ли повторно использовать или воссоздать соответствующий экземпляр хоста. Но это хорошо работает только в том случае, если дочерние позиции статичны и не меняют порядок. С динамическими списками мы не можем быть уверены, что порядок всегда одинаков.Если список элементов шё были в вашем примере когда-либо будет переупорядочен, React увидит, что все элементы внутри имеют один и тот же тип, и не будет знать, как их тудою переместить. (С точки зрения React изменились сами элементы, а не их порядок.)
охххх, не так і багато курсів по реакт українською... Дякую!
Буде більше!
Если у меня есть часть данных, на которую подписаны несколько компонентов, я могу использовать эти данные для управления несколькими компонентами? Можете рассказать и показать поподробнее как, а то я это не совсем понял.
А якщо ми передамо в якості ключа id об'єкта? наприклад у нас є {
id:n,
..obj
},
це ж буде ок?
Якщо ключ сталий (тобто приходить з бекенду, або генерується один раз) то без проблем
Вы не могли бы меньше политики в ролике и матюгов, а больше технической информации.Я думаю, что я бы не один был вам за это благодарен.Я понимаю идет война, но все равно нужно быть более толерантным что ли, другое слова в голову сейчас просто не приходят.
Як тільки війна закінчиться я буду вообще супер толерантним. Буду прямо пусічка рожева бусінка. А так поки вибачайте.
Думаю "толерантним" не те слово, що підходить, але про дохлих орків та матюки, то не дуже приємний звучить та виглядає, тим паче що контент в 99% слухають лише українці, та і навряд якісь нацики, які б від таких закидів тащилися
@@amelianceskymusic Я теж волів би жити в світі без орків. Але вони й досі є (
@@reactdev Навпаки, кількість дохлих орків додає мотивації 💪 А такі "голиби мира" нехай слідують за рускім кораблем 😂
Хлопцы я с вами не согласен!!!!Проблема шё вы сюдою разговаривали с использованием индекса не в том, что они не уникальны. Они уже есть и это норм. Дело в том, что они ненадежно привязаны к одному и тому же элементу, поэтому, если массив сместится, индекс сместит то, на что он указывает.И все!!!!
Дуже гарне зауваження, дякую!