Три популярні помилки початківців в React - state, key, effect
2023 ж. 7 Ақп.
1 288 Рет қаралды
✍️ В цьому відео ми розберемо три помилки, які часто допускають початківці, а саме - React не оновлює дані на екрані, React скаржиться на відсутність ключа в елементах списку та нескінченний рендер під час використання хуку useEffect
✉️ Telegram: t.me/reactbeginners
❤️ Підтримати канал: opencollective.com/farstar
💡Всі матеріали курсу: github.com/Drag13/react-learn...
Нічого нового не дізнався, але дякую за український контент
Так може ви вже й не початківець?)
@@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"` Дякую за відео
Влучно підмітили, дякую!
А якщо ми передамо в якості ключа id об'єкта? наприклад у нас є { id:n, ..obj }, це ж буде ок?
Якщо ключ сталий (тобто приходить з бекенду, або генерується один раз) то без проблем
Сравнение типа элемента в той же позиции в дереве обычно достаточно, чтобы решить, следует ли повторно использовать или воссоздать соответствующий экземпляр хоста. Но это хорошо работает только в том случае, если дочерние позиции статичны и не меняют порядок. С динамическими списками мы не можем быть уверены, что порядок всегда одинаков.Если список элементов шё были в вашем примере когда-либо будет переупорядочен, React увидит, что все элементы внутри имеют один и тот же тип, и не будет знать, как их тудою переместить. (С точки зрения React изменились сами элементы, а не их порядок.)
охххх, не так і багато курсів по реакт українською... Дякую!
Буде більше!
Хлопцы я с вами не согласен!!!!Проблема шё вы сюдою разговаривали с использованием индекса не в том, что они не уникальны. Они уже есть и это норм. Дело в том, что они ненадежно привязаны к одному и тому же элементу, поэтому, если массив сместится, индекс сместит то, на что он указывает.И все!!!!
Дуже гарне зауваження, дякую!
Вы не могли бы меньше политики в ролике и матюгов, а больше технической информации.Я думаю, что я бы не один был вам за это благодарен.Я понимаю идет война, но все равно нужно быть более толерантным что ли, другое слова в голову сейчас просто не приходят.
Як тільки війна закінчиться я буду вообще супер толерантним. Буду прямо пусічка рожева бусінка. А так поки вибачайте.
Думаю "толерантним" не те слово, що підходить, але про дохлих орків та матюки, то не дуже приємний звучить та виглядає, тим паче що контент в 99% слухають лише українці, та і навряд якісь нацики, які б від таких закидів тащилися
@@amelianceskymusic Я теж волів би жити в світі без орків. Але вони й досі є (
@@reactdev Навпаки, кількість дохлих орків додає мотивації 💪 А такі "голиби мира" нехай слідують за рускім кораблем 😂