Codica - корисне про IT | 4. Забути return в Array.map()Ти хотів трансформувати масив, а отримав...

4. Забути return в Array.map()Ти хотів трансформувати масив, а отримав набір undefined.❌ Погано:const result = [1, 2, 3].map((n) => { n * 2; // нічого не повертається!}); ✅ Добре:const result = [1, 2, 3].map((n) => n * 2);// абоconst result = [1, 2, 3].map((n) => { return n * 2;}); 5. Мутувати масив чи об‘єкт напрямуОсобливо болісно це бачити в React. Але навіть без нього — це гарний спосіб створити собі баг, який важко відловити.❌ Погано:const arr = [1, 2, 3];arr.push(4); // мутує оригінальний масив ✅ Добре:const newArr = [...arr, 4]; // створює новий масивconst newObj = { ...oldObj, updatedProp: 42 }; // для обʼєктів 6. Виклик setState у useEffect без залежностейЦе або нескінченний цикл, або лаги. Або все одразу.❌ Погано:useEffect(() => { setState(data);}); ✅ Добре:useEffect(() => { setState(data);}, [data]); // вкажи залежності І пам’ятай: порожній масив — це “виконати один раз“.Бонус: забути await перед асинхронним викликомconst result = fetchData(); // Це проміс, а не результат! Правильно:const result = await fetchData(); 💬 Пишіть у коментарях — зберемо колекцію помилок, які ми всі колись робилиTikTok | Instagram | Telegram