👍👍

🐸 Библиотека фронтендера

#pixel_pause

🔄 Retry для fetch запросов

Сетевые ошибки случаются постоянно. Простое решение на 15 строк:

✅ Что делает:

— Автоматический retry при временных ошибках
— Экспоненциальная задержка (1s → 2s → 4s)
— Не retry'ит клиентские ошибки (400, 401, 403, 404)
— Retry только для: 408, 429, 500, 502, 503, 504

Пример использования:

try {
  const res = await fetchWithRetry('/api/data');
  const data = await res.json();
  console.log(data);
} catch (err) {
  console.error('Все попытки неудачны:', err);
}

⚠️ fetch НЕ отклоняет промис на HTTP ошибках — нужна проверка response.ok

🈁 Где использовать:

— GET/PUT/DELETE запросы
— Загрузка конфигурации
— Webhook'и

🔤 Не использовать:

— POST без идемпотентности
— Операции с оплатой

📍 Навигация: [Вакансии]

🐸 Библиотека фронтендера

#hotfix

⚡️ React 19.2: две фичи, которые изменят ваш подход к оптимизации

Компонент <Activity> наконец-то позволяет скрывать части UI без потери состояния и без лишних рендеров.

А новые Performance Tracks в Chrome DevTools показывают всю картину на одном таймлайне — больше не нужно жонглировать двумя инструментами.

❗ Разбираемся, как это работает и почему это важно для каждого React-разработчика → читать по ссылке 🔗

📍 Навигация: [Вакансии]

🐸 Библиотека фронтендера

#read_watch

🔥 Безопасный доступ без falsy-ловушек

В чём разница:

— || реагирует на ВСЕ falsy (0, '', false, null, undefined)
— ?? реагирует ТОЛЬКО на null и undefined
— ?. безопасно идёт по цепочке, не бросая ошибок

💡 Реальный пример:

API вернул { price: 0, inStock: false }

const price = product?.price ?? 99;         // 0
const inStock = product?.inStock ?? true;   // false
const name = product?.name ?? 'Unknown';    // undefined → 'Unknown’

⚡️ Поддержка: ES2020+ (все современные браузеры)

📍 Навигация: [Вакансии]

🐸 Библиотека фронтендера

#readme #js