3 Sept 2026, 11:01 UTC732 views5 reactionsread 3 September 2026 Photo
✨ React Bits — 165+ готовых анимаций для React
Библиотека с копипаст-готовыми компонентами для тех случаев, когда хочется добавить интерфейсу немного магии, но писать анимацию с нуля лень:
→ текстовые анимации и эффекты
→ интерактивные UI-компоненты
→ анимированные фоны
→ эффекты для изображений и видео
→ версии для JS/TS и CSS/Tailwind
Компоненты можно устанавливать через CLI или просто забрать исходный код и ада…
🥰3👍2
2 Sept 2026, 16:03 UTC≈1,080 views10 reactionsread 3 September 2026 ✅ Правильный ответ: ❤️ 1
Почему: все три вызова используют значение count из текущего рендера. При count = 0 каждый вызов фактически планирует обновление до 1.
Если заменить на:
setCount(c => c + 1);
setCount(c => c + 1);
setCount(c => c + 1);
тогда результатом будет 3.
📍 Навигация: [Вакансии]
🐸 Библиотека фронтендера
#code_challenge
👍10
2 Sept 2026, 09:14 UTC≈1,210 views90 reactionsread 3 September 2026 Photo
Что выведет код?
🔥 — 3
❤️ — 1
🥰 — 2
🤔 — ошибка
📍 Навигация: [Вакансии]
🐸 Библиотека фронтендера
#code_challenge
❤74🔥12🤔4
31 Aug 2026, 11:11 UTC≈1,450 views7 reactionsread 3 September 2026 Video
😮 Visual Types: типизация через картинки
Вместо чтения про "Union type позволяет переменной быть одним из нескольких типов" — видишь схему, и всё сразу понятно.
Что покрывает:
🔤 Примитивы, объекты, массивы, Union/Intersection типы, дженерики — все базовые концепции. Полезно для начинающих в TypeScript или тех, кто запутался в терминологии.
🔗 Ссылка на гид
🐸 Библиотека фронтендера
#readme #ts
👍4🥰3
30 Aug 2026, 12:01 UTC≈1,540 views17 reactionsread 3 September 2026 Photo
📍 Навигация: [Вакансии]
🐸 Библиотека фронтендера
#pixel_pause
😁17
29 Aug 2026, 11:02 UTC≈1,590 views81 reactionsread 3 September 2026 Photo
🔥 — 1 2 5 3 4
❤️ — 1 2 3 5 4
🥰 — 1 2 5 4 3
🤔 — 1 5 2 3 4
🐸 Библиотека фронтендера
#code_challenge #js
🔥54🤔16❤8👾2😍1
28 Aug 2026, 11:00 UTC≈1,610 views8 reactionsread 3 September 2026 Photo
🚀 В новой версии браузера сразу несколько полезных изменений для веб-интерфейсов:
🔵 autocorrect теперь можно контролировать прямо через HTML — для input, textarea и contenteditable.
🔵OpaqueRange позволяет работать с выделенными участками текста внутри input и textarea. Например, для подсветки текста, inline-подсказок и popover.
🔵Reference Target улучшает работу ARIA-ссылок с Shadow DOM — label, aria-labelledby и д…
❤6🥰2
27 Aug 2026, 11:03 UTC≈1,520 views58 reactionsread 3 September 2026 📚 Читаете ли вы техническую литературу, чтобы прокачать свои навыки?
❤️ — да, постоянно читаю
👍 — иногда читаю
👾 — почти не обращаюсь к книгам, получаю знания из других источников
Посоветуйте в комментариях книги, которые показались вам наиболее полезными.
Больше полезных книг — у нас в канале @progbook 📍
📍 Навигация: [Вакансии]
🐸 Библиотека фронтендера
#career_merge
👍31👾17❤9🥰1
26 Aug 2026, 11:01 UTC≈1,660 views12 reactionsread 3 September 2026 Photo
⭐️ Как JavaScript исполняется под капотом V8
Вы пишите let x = 1 + 2, а под капотом V8 уже строит синтаксическое дерево, генерирует байт-код и думает, стоит ли компилировать это в машинный код.
Что в карточках:
— Как V8 парсит и интерпретирует код
— Что делает TurboFan и зачем нужен байт-код
— Как работает сборка мусора
— И почему порядок добавления свойств в объект — это не мелочь
Если хотите писать реально быстр…
❤8👍2🥰2
25 Aug 2026, 08:31 UTC≈1,690 views14 reactionsread 3 September 2026 Video
🫧 Gooey-эффекты для React без мыла на тексте
liquid-gooey превращает обычные React-компоненты в «жидкие» интерфейсы: элементы могут сливаться, тянуться друг за другом и плавно менять форму.
🤩 Morph — объединяет элементы в gooey-массу
🤩 Move — создаёт жидкий след за движущимся элементом
🤩 Dissolve — позволяет изображениям «растворяться» при контакте
Эффект применяется к отдельному SVG-слою, а настоящий DOM остаётся…
🔥7❤4👏2🥰1
24 Aug 2026, 13:03 UTC≈1,630 views10 reactionsread 3 September 2026 ⚡️ Контроль целевых браузеров сборки
Если приложение «работает у вас», это не показатель. Важно понимать, под какие версии браузеров фактически собирается билд.
npx browserslist
Команда выводит реальный список целевых браузеров на основе .browserslistrc или package.json.
⏺ Это напрямую влияет на:
— транспиляцию через @babel/preset-env
— CSS-префиксы (Autoprefixer)
— подключение polyfills
— размер bundle
Без пр…
👍5🥰3😁2
24 Aug 2026, 07:04 UTC≈1,700 views9 reactionsread 3 September 2026 Photo
✏️ OTP-инпут, который вы усложняли зря
Разделённые поля, кастомные маски, десятки строк JS и ещё одна зависимость в бандле — всё это часто делают ради обычного одноразового кода.
ℹ️ Этот гайд показывает корректный, доступный и удобный OTP-инпут можно сделать на одном <input> — по стандартам, с автозаполнением и без фреймворков.
📍 Навигация: [Вакансии]
🐸 Библиотека фронтендера
#read_watch
👍6🥰3
Showing the 12 most recent of 40 posts we hold for @frontendproglib. View and reaction counts are the latest single reading for each post, not a live figure, and a recent post is still accumulating both. A view count marked ≈ was rounded by Telegram before we ever saw it — t.me prints views in full below 1,000 and to three significant figures above, so ≈1,200,000 means somewhere between 1,150,000 and 1,249,999. Unmarked counts are exact. Text is reproduced from the public post preview and truncated for length.