Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js – Telegram
Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
21.6K subscribers
2.93K photos
210 videos
49 files
5.22K links
Все самое полезное для фронтенда в одном канале.

По рекламе: @proglib_adv

Учиться у нас: https://proglib.io/w/77178ed4

Для обратной связи: @proglibrary_feeedback_bot

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
Download Telegram
🔄 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
Please open Telegram to view this post
VIEW IN TELEGRAM
👍62🥰2
⚡️ React 19.2: две фичи, которые изменят ваш подход к оптимизации

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

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

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

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

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

#read_watch
Please open Telegram to view this post
VIEW IN TELEGRAM
👍9🥰2
🔍 Почему код во фронтенде становится непредсказуемым

Часто проблема не в логике и не во фреймворке, а в side-effects.
Функция выглядит безопасной, но меняет объект — и состояние «едет».

Причина — как данные передаются в функции и что происходит с объектами в памяти.

➡️ В карточках:
— откуда берутся side-effects
— почему мутация ломает код
— как писать предсказуемый код без скрытых изменений

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

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

#under_hood
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
5🥰2
🔥 Безопасный доступ без 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+ (все современные браузеры)

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

🎁 Новогодняя акция: 3 курса по цене 1
🤝 Помощь с выбором курса

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

#readme #js
Please open Telegram to view this post
VIEW IN TELEGRAM
5👍2🥰2
💳 Топ-вакансий недели для фронтендеров

Frontend разработчик (от 200 000 ₽, Москва)

Frontend-разработчик (от 150 000 до 200 000 ₽, Казань)

Frontend - developer (от 130 000 до 180 000 ₽)

Middle Frontend-developer (от 355 500 ₽, Кипр)

➡️ Больше офферов в канале: @jsdevjob

🐸 Библиотека фронтендера
Please open Telegram to view this post
VIEW IN TELEGRAM
👏3🥰2
👍 Теория мёртвых фреймворков

LLM учатся на React-сайтах и по умолчанию генерируют React. Так появляется ещё больше React-сайтов — цикл замыкается.

AI-инструменты это закрепляют: IDE и генераторы сразу выдают React, потому что его умеют поддерживать.

🔤 Поэтому новые фреймворки проигрывают ещё до старта:

— их нет в обучающих данных LLM
— у них нет экосистемы библиотек
— разработчики их не знают
— компании не хотят рисковать поддержкой


Если фреймворка нет в ответах ИИ — для рынка его просто не существует.

То же самое происходит и с новыми возможностями веб-платформы. Даже хорошие API тонут, потому что у старых React-паттернов — 10+ лет примеров, а у новых фич — пара лет истории.

А кто вообще строит новый веб

Малые команды, одиночки и люди, которые просто хотят «чтобы сайт работал». Они не выбирают стек — они принимают дефолт. А дефолт сегодня — React.

Выживают только вещи, которые нельзя заменить библиотекой: безопасность, навигация, доступ к железу. Всё остальное проигрывает инерции экосистемы.

📎 Выжимка из статьи на Habr

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

🎁 Новогодняя акция: 3 курса по цене 1
🤝 Помощь с выбором курса

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

#blueprint
Please open Telegram to view this post
VIEW IN TELEGRAM
5🥰2🤔1