ru
Feedback

Не попадитесь на канал ботавода! Telemetrio находит и помечает такие каналы 👉 Хотите видеть метку — оформите подписку

Frontender Libs - обзор библиотек JS / CSS

Frontender Libs - обзор библиотек JS / CSS

Открыть в Telegram
7 397
Подписчики
-124 часа
-197 дней
-7930 дней
Привлечение подписчиков
окт. '26
октябрь '26
+12
в 0 каналах
сентябрь '26
+35
в 9 каналах
Get PRO
август '26
+20
в 0 каналах
Get PRO
июль '26
+35
в 0 каналах
Get PRO
июнь '26
+31
в 0 каналах
Get PRO
май '26
+46
в 4 каналах
Get PRO
апрель '26
+32
в 0 каналах
Get PRO
март '26
+17
в 0 каналах
Get PRO
февраль '26
+13
в 0 каналах
Get PRO
январь '26
+37
в 0 каналах
Get PRO
декабрь '25
+12
в 0 каналах
Get PRO
ноябрь '25
+32
в 0 каналах
Get PRO
октябрь '25
+19
в 0 каналах
Get PRO
сентябрь '25
+49
в 4 каналах
Get PRO
август '25
+27
в 0 каналах
Get PRO
июль '25
+27
в 0 каналах
Get PRO
июнь '25
+44
в 8 каналах
Get PRO
май '25
+41
в 5 каналах
Get PRO
апрель '25
+46
в 0 каналах
Get PRO
март '25
+40
в 0 каналах
Get PRO
февраль '25
+43
в 0 каналах
Get PRO
январь '25
+103
в 3 каналах
Get PRO
декабрь '24
+41
в 0 каналах
Get PRO
ноябрь '24
+82
в 7 каналах
Get PRO
октябрь '24
+164
в 8 каналах
Get PRO
сентябрь '24
+81
в 0 каналах
Get PRO
август '24
+74
в 0 каналах
Get PRO
июль '24
+119
в 1 каналах
Get PRO
июнь '24
+116
в 0 каналах
Get PRO
май '24
+293
в 26 каналах
Get PRO
апрель '24
+155
в 0 каналах
Get PRO
март '24
+297
в 13 каналах
Get PRO
февраль '24
+162
в 1 каналах
Get PRO
январь '24
+208
в 15 каналах
Get PRO
декабрь '23
+346
в 43 каналах
Get PRO
ноябрь '23
+255
в 26 каналах
Get PRO
октябрь '23
+275
в 29 каналах
Get PRO
сентябрь '23
+185
в 0 каналах
Get PRO
август '23
+176
в 0 каналах
Get PRO
июль '23
+238
в 0 каналах
Get PRO
июнь '23
+227
в 0 каналах
Get PRO
май '23
+230
в 0 каналах
Get PRO
апрель '23
+377
в 0 каналах
Get PRO
март '23
+320
в 0 каналах
Get PRO
февраль '23
+351
в 0 каналах
Get PRO
январь '23
+433
в 0 каналах
Get PRO
декабрь '22
+351
в 0 каналах
Get PRO
ноябрь '22
+172
в 0 каналах
Get PRO
октябрь '22
+111
в 0 каналах
Get PRO
сентябрь '22
+78
в 0 каналах
Get PRO
август '22
+352
в 0 каналах
Get PRO
июль '22
+145
в 0 каналах
Get PRO
июнь '22
+226
в 0 каналах
Get PRO
май '22
+221
в 0 каналах
Get PRO
апрель '22
+380
в 0 каналах
Get PRO
март '22
+168
в 0 каналах
Get PRO
февраль '22
+199
в 0 каналах
Get PRO
январь '22
+571
в 0 каналах
Get PRO
декабрь '21
+532
в 0 каналах
Get PRO
ноябрь '21
+104
в 0 каналах
Get PRO
октябрь '21
+327
в 0 каналах
Get PRO
сентябрь '21
+460
в 0 каналах
Get PRO
август '21
+119
в 0 каналах
Get PRO
июль '21
+227
в 0 каналах
Get PRO
июнь '21
+305
в 0 каналах
Get PRO
май '21
+525
в 0 каналах
Get PRO
апрель '21
+113
в 0 каналах
Get PRO
март '21
+288
в 0 каналах
Get PRO
февраль '21
+310
в 0 каналах
Get PRO
январь '21
+1 170
в 0 каналах
Get PRO
декабрь '20
+5 521
в 0 каналах
Дата
Привлечение подписчиков
Упоминания
Каналы
26 октября0
25 октября0
24 октября0
23 октября0
22 октября0
21 октября0
20 октября0
19 октября+1
18 октября+1
17 октября+1
16 октября+1
15 октября0
14 октября0
13 октября0
12 октября+2
11 октября0
10 октября0
09 октября0
08 октября0
07 октября+2
06 октября+1
05 октября+2
04 октября0
03 октября0
02 октября0
01 октября+1
Посты канала
🛟 Angular 22.2: упавший шаблон больше не ломает страницу Раньше ошибка при рендере шаблона уходила в глобальный ErrorHandler
🛟 Angular 22.2: упавший шаблон больше не ломает страницу Раньше ошибка при рендере шаблона уходила в глобальный ErrorHandler, а часть страницы оставалась недорисованной. Новый блок @boundary ограничивает ущерб: если внутри что-то бросит исключение, Angular покажет вместо этой секции блок @error. Идея подсмотрена у React.
@boundary {
  <app-chart />
} @error (let err; retry = $reset; when isNetworkError(err)) {
  <p>{{ err.message }}</p>
  <button (click)="retry()">Retry</button>
} @error {
  <p>Something went wrong.</p>
}
Первый @error ловит сетевые ошибки и даёт повторить рендер через $reset, второй ловит всё остальное. С Resource API это удобно: value() при сбое загрузки бросает исключение, и проверять error() заранее не нужно. Пока @boundary в статусе developer preview. А ещё в статье Router Resources: данные маршрутов грузятся параллельно, а не цепочкой резолверов. 👍 - если было полезно 👉 @sWebDev

2
Техника Braun для красоты и ухода ✅ Оригинальные бритвы, триммеры и эпиляторы ✅ Точность, комфорт и стиль — вместе с Braun Ку
Техника Braun для красоты и ухода ✅ Оригинальные бритвы, триммеры и эпиляторы ✅ Точность, комфорт и стиль — вместе с Braun Купить #реклама market.yandex.ru О рекламодателе
242
3
Монолит vs микросервисы: битва за ваши нервы 💻 Монолит или микросервисы? Кажется, что ответ очевиден, но почему-то одни прое
Монолит vs микросервисы: битва за ваши нервы 💻 Монолит или микросервисы? Кажется, что ответ очевиден, но почему-то одни проекты летают, а другие тонут в хаосе? Присоединяйтесь к открытому уроку Сергея Прощаева и получите пошаговое руководство по выбору архитектуры. 📅 9 ноября в 20:00. Разберём: - Как не попасть в ловушку «модных» микросервисов. - Признаки, что пора выходить из монолита. - Архитектурные паттерны перехода: Strangler Fig, BFF, Self-contained systems. - Организационные и технические риски — что пойдёт не так. - Роль DevOps, CI/CD и мониторинга. Вы научитесь оценивать реальные риски и стоимость микросервисов, внедрять изменения без сбоев и хаоса и принимать взвешенные решения, сохраняя технический контроль и производительность команды. ✅ Запишитесь сейчас! Узнать больше #реклама 16+ otus.ru О рекламодателе
218
4
🪄 Один URL: модалка поверх списка и полноценная страница В каталоге детали карточки удобно открывать поверх списка. Но если
🪄 Один URL: модалка поверх списка и полноценная страница В каталоге детали карточки удобно открывать поверх списка. Но если модалка живёт в useState, адрес не меняется. Ссылкой не поделиться, после reload остаётся список, а поисковик деталей не видит. В Next.js App Router это решают Parallel Routes и Intercepting Routes. Модалка лежит в слоте @modal, который layout рисует рядом со страницей. Папка с префиксом (.) перехватывает обычный маршрут: @modal/ (.)events/ [id]/ page.tsx При клике через Link адрес меняется на /en/events/123, а детали открываются поверх списка. При прямом заходе или reload перехвата нет, и рендерится обычная страница со своими metadata и canonical. Слоту обязательно нужен default.tsx, который возвращает null. Без него при прямом заходе можно получить 404. В статье ещё разобрано, как закрыть модалку и вернуться к списку с теми же фильтрами. 👍 - если было полезно 👉 @sWebDev
327
5
Выносим общую логику FastAPI в зависимости Общую логику приложения можно вынести в зависимости и переиспользовать, чтобы код
Выносим общую логику FastAPI в зависимости Общую логику приложения можно вынести в зависимости и переиспользовать, чтобы код оставался чище, а правки делались в одном месте. На открытом уроке «Зависимости в FastAPI: возможности Depends» разберём, как работает Depends, как собирать цепочки зависимостей и где их применять. Ждем 17.11 в 20:00. Зарегистрироваться #реклама 16+ otus.ru О рекламодателе
265
6
🛡️ Как не дать чужому пакету украсть ваши секреты через pnpm install Атаки на npm-пакеты обычно идут по одной схеме. Пакет в
🛡️ Как не дать чужому пакету украсть ваши секреты через pnpm install Атаки на npm-пакеты обычно идут по одной схеме. Пакет взламывают, его postinstall-скрипт запускается у вас на машине и уносит данные. В менеджере пакетов pnpm v10 есть настройки, которые сильно усложняют такой сценарий. Скрипты установки там выключены по умолчанию. А minimumReleaseAge откладывает установку только что опубликованных версий: большинство взломанных пакетов обнаруживают и снимают за считанные часы. Мягкий вариант конфига из статьи: # pnpm-workspace.yaml blockExoticSubdeps: true trustPolicy: no-downgrade minimumReleaseAge: 1440 # 1 day allowBuilds: esbuild: true fsevents: true Подвох в том, что пакеты, которым скрипты нужны по делу (нативные аддоны, esbuild), придётся явно разрешить через allowBuilds. В статье есть и строгий конфиг: неделя ожидания новых версий и падение CI на всём подозрительном. 👍 - если было полезно 👉 @sWebDev
354
7
Урок курса «Python-разработчик. Продвинутый уровень» Хотите, чтобы окружение проекта собиралось одинаково у всех? 29 октября
Урок курса «Python-разработчик. Продвинутый уровень» Хотите, чтобы окружение проекта собиралось одинаково у всех? 29 октября в 20:00 на открытом уроке разберем, как описать зависимости с помощью uv. Если заинтересовало, зарегистрируйтесь! Зарегистрироваться #реклама 16+ otus.ru О рекламодателе
267
8
⚡ React Compiler в Vite теперь работает на Rust React Compiler оптимизирует React-компоненты прямо во время сборки. Раньше в
⚡ React Compiler в Vite теперь работает на Rust React Compiler оптимизирует React-компоненты прямо во время сборки. Раньше в Vite его подключали через Babel. В @vitejs/plugin-react v6.1.0 появилась экспериментальная нативная версия от команды oxc, которая делает JS-инструменты на Rust. Автор перевёл на неё конструктор сайтов из 1036 файлов. Сама компиляция ускорилась с 14,3 до 0,81 секунды. Сборка целиком ускорилась скромнее: с 22,1 до 9,3 секунды. На Vite 8+ переход сводится к упрощению конфига. Babel-плагин больше не нужен: npm install -D oxc-transform-react // vite.config.js import { defineConfig } from "vite"; import react from "@vitejs/plugin-react"; export default defineConfig({ plugins: [react({ compiler: true })], }); Учтите, что поддержка пока помечена как экспериментальная. В статье есть рецепт и для React Router в framework mode, где плагин Vite React не используется. 👍 - если было полезно 👉 @sWebDev
371
9
CloudStrix - Облачное видеонаблюдение CloudStrix - Облачное видеонаблюдение и аналитика для дома и бизнеса. Подключить видеок
CloudStrix - Облачное видеонаблюдение CloudStrix - Облачное видеонаблюдение и аналитика для дома и бизнеса. Подключить видеокамеры и иметь к ним доступ из любой точки мира на раз, два, три Узнать больше #реклама 16+ cloudstrix.ru О рекламодателе
281
10
⚡ Angular 22.2: данные маршрута грузятся параллельно Резолверы в Angular Router загружают данные до открытия страницы. Но вдо
⚡ Angular 22.2: данные маршрута грузятся параллельно Резолверы в Angular Router загружают данные до открытия страницы. Но вдоль иерархии маршрутов они идут по очереди: родитель грузится 2 секунды, дочерний маршрут 3, и пользователь ждёт 5. В Angular 22.2 появилась альтернатива: Router Resources. В маршруте пишут свойство resources с обычными resource, а роутер запускает их все сразу. В том же примере ждать придётся 3 секунды. { path: 'passenger-edit/:id', component: PassengerEdit, resources: (ctx) => ({ passenger: createSimplePassengerResource(ctx.params), }), }, Компонент получает готовое значение как input, так же как от резолвера. А если обернуть ресурс в nonBlocking, страница откроется сразу, и загрузку покажет сам компонент. Пока это Developer Preview: до стабилизации API может поменяться в деталях. В статье ещё перезагрузка данных без новой навигации и редирект, когда их нет. 👍 - если было полезно 👉 @sWebDev
384
11
⚡️ В сети начали массово сливать IT-курсы и книги известных онлайн школ Вот отсортированная база с тонной материала (постепен
⚡️ В сети начали массово сливать IT-курсы и книги известных онлайн школ Вот отсортированная база с тонной материала (постепенно пополняется): (363 видео, 87 книги) — Python (117 видео, 53 книги) — ВАЙБКОД (174 видео, 91 книги) — DevOps (415 видео, 68 книги) — Frontend (137 видео, 93 книги) — DS/ML (143 видео, 33 книги) — ИБ/Хакинг (352 видео, 89 книги) — С/С++/C (343 видео, 87 книги) — Java/QA (176 видео, 32 книги) — Git/Linux (167 видео, 53 книги) — PHP/1С (227 видео, 83 книги) — SQL/БД (114 видео, 77 книги) — Сисадмин (107 видео, 43 книги) — BA/SA (181 видео, 32 книги) — Go/Rust (167 видео, 43 книги) — Kotlin/Swift (112 видео, 24 книги) — Flutter (113 видео, 82 книги) — GameDev (183 видео, 37 книги) — Дизайн (136 видео, 33 книги) — PM/HR Скачивать ничего не нужно — все выложили в Telegram
359
12
✨ Анимации в React без библиотеки анимаций В React 19.3 стал стабильным компонент . Он отдаёт анимацию перехо
✨ Анимации в React без библиотеки анимаций В React 19.3 стал стабильным компонент <ViewTransition>. Он отдаёт анимацию переходов между состояниями интерфейса браузерному View Transition API. Автор статьи в блоге LogRocket собрал одно приложение дважды: на библиотеке анимаций Motion и на <ViewTransition> с CSS. Модалка в нативной версии: function openModal() { startTransition(() => setIsOpen(true)); } {isOpen && ( <ViewTransition enter="modal-enter" exit="modal-exit"> <div className="modal-overlay" onClick={closeModal}> <ModalContent onClose={closeModal} /> </div> </ViewTransition> )} Сами движения описываются в CSS. JS в этой сборке похудел на 39 005 байт (gzip), зато кода анимаций вышло 253 строки против 75 у Motion. Для жестов, пружин и эффектов по скроллу автор скорее оставил бы библиотеку. А в статье ещё сортировка 250 карточек, навигация и перелёт картинки, плюс грабли, на которые он наступил. 👍 - если было полезно 👉 @sWebDev
400
13
🤖Podlodka Backend Crew: AI в бэкенд-задачах Демо с AI чаще всего выглядят одинаково: агент за десять минут пишет сервис с ну+4
🤖Podlodka Backend Crew: AI в бэкенд-задачах Демо с AI чаще всего выглядят одинаково: агент за десять минут пишет сервис с нуля. Вот только в работе бэкендера всё сложнее: легаси, рискованные миграции, неработающие тесты и ревью, которое становится бутылочным горлышком. 🗓 С 26 по 30 октября в сезоне Podlodka Backend Crew «AI в бэкенд-задачах» участники: • Научатся передавать агенту инженерные стандарты и правила, чтобы он писал так, как нужно, а не как получится • Соберут ревью, где несколько моделей независимо проверяют изменения, а финальное решение остаётся за человеком • Посмотрят, куда переезжает сложность миграции легаси, когда код пишет агент • Выяснят, где ломается мечта отдать миграцию агенту целиком • Разберут, какие антипаттерны тестов агенты уже успели перенять от разработчиков. Формат — пять дней живых Zoom-сессий утром и вечером, закрытое сообщество в Telegram и общение со спикерами. Будет много интерактива и практики. Базовый ликбез оставят за бортом — этот сезон для тех, кто уже пробует AI в реальных проектах. Присоединяйтесь с 26 октября! 🔗 Билеты и программа: https://podlodka.io/becrew
412
14
АЙТИШНИКИ БЕСПЛАТНОЕ ОБУЧЕНИЕ Проект «Terminal» стал крупнейшей библиотекой бесплатного образования. В одном канале собраны к
АЙТИШНИКИ БЕСПЛАТНОЕ ОБУЧЕНИЕ Проект «Terminal» стал крупнейшей библиотекой бесплатного образования. В одном канале собраны курсы, книги, полезные инструменты и практические тренажёры для всех разработчиков: • Практические курсы и задания • Книги и статьи известных авторов • Полезные инструменты и ресурсы • IT-новости и инсайды Обучение по всем направлениям: SQL, Python, ML, Frontend, PHP, C++, Go, Git, Linux, QA, Java, Vibe-coding, InfoSec и др. ⌨️ подписаться
563
15
🔴В 2025 году Россияне заработали 5,3 млрд рублей на арбитраже криптовалют По данным Минфин 32% граждан покинули своё место р
🔴В 2025 году Россияне заработали 5,3 млрд рублей на арбитраже криптовалют По данным Минфин 32% граждан покинули своё место работы поскольку уже в первый месяц смогли заработать 250 000 рублей, а через 2-3 месяца с легкостью вышли на семизначные числа. Самое смешное, что лишь 8% россиян что-то слышали об этой профессии хотя все инструкции бесплатно лежат на канале Арбитраж Криптовалют Там объясняют, как имея телефон и доступ в интернет заработать свои первые $3000. Причём разжёвывают так доступно, что поймёт даже ребенок. Кстати, на канале сегодня вышла новая рабочая связка! Ссылка для входа — https://t.me/+GY-3aS-FN5c0Yjhi
561
16
🤖 AI для фронтенд-разработчика: собираем инструменты на Podlodka Frontend Crew AI-инструменты уже используют все, но порой в+5
🤖 AI для фронтенд-разработчика: собираем инструменты на Podlodka Frontend Crew AI-инструменты уже используют все, но порой в обсуждении с LLM возникает ощущение, что голова полна ответов, но их всё ещё недостаточно, чтобы разрешить вполне себе прикладные вопросы. Эксперты Podlodka Frontend Crew собрали онлайн-конференцию «Фронтенд с AI», чтобы вместе с практиками из индустрии увидеть, как работает AI в разных аспектах фронтенд-разработки, а главное — сразу начать использовать новые подходы в реальной жизни. 💬 Какие темы ждут участников сезона с 5 по 9 октября: 🔴 AI Coding и подготовка репозитория к работе с AI 🔴 Spec Kit для разработки интерфейсов 🔴 Агентная разработка в закрытом контуре 🔴 WebMCP как дополнительный harness 🔴 AI-дизайн и его место в процессе разработки. Полная программа — уже на сайте! Формат: пять дней живых Zoom-сессий по утрам и вечерам, закрытое Telegram-комьюнити и много общения со спикерами. Если хочется не просто читать про AI-тренды, а получить концентрированную порцию знаний именно про AI для фронтенда, присоединяйтесь к сезону. Вы поймёте, как встроить новые инструменты и подходы в свою работу и найдёте множество единомышленников. 👉 Билеты на сезон
878
17
Вайбкодим «Полный путь разработки AI-агентов: от MCP до Agentic RAG» Образовательная программа на Stepik по разработке соврем
Вайбкодим «Полный путь разработки AI-агентов: от MCP до Agentic RAG» Образовательная программа на Stepik по разработке современных AI-агентов. Начинаем с Model Context Protocol: создаём MCP-серверы, подключаем инструменты и внешние API, а затем переходим к разработке Agentic RAG-систем с памятью, рассуждением, поиском знаний и оценкой качества. • Model Context Protocol и MCP-серверы • LangChain, LangGraph, LlamaIndex • API, инструменты, ресурсы и промпты • Классический RAG → Agentic RAG • ReAct, память и планирование • Графы знаний и свои инструменты • Трассировка и подготовка к production Успей, скидка 20% действует 48 часов ↗️ Начать обучение на Stepik
347
18
🔴В 2025 году Россияне заработали 5,3 млрд рублей на арбитраже криптовалют По данным Минфин 32% граждан покинули своё место р
🔴В 2025 году Россияне заработали 5,3 млрд рублей на арбитраже криптовалют По данным Минфин 32% граждан покинули своё место работы, поскольку в среднем уже в первый месяц тут можно зарабатывать от 140 000 рублей, а через 2-3 месяца с легкостью выйти на семизначные числа. Самое смешное, что лишь 8% россиян что-то слышали об этой профессии, хотя все инструкции бесплатно лежат на канале Арбитраж Криптовалют Там объясняют, как имея телефон и доступ в интернет, заработать свои первые $2000. Причём разжёвывают так доступно, что поймёт даже ребенок. Кстати, на канале сегодня вышла новая рабочая связка! Быстрее вступайте, пока это бесплатно — https://t.me/+xOV8UHLivrsxYjM6
575
19
Уже очевидно, что ВАЙБКОДИНГ — главный навык ближайших лет Посмотрите сами. ИИ уже забирает на себя работу целых команд: пише
Уже очевидно, что ВАЙБКОДИНГ — главный навык ближайших лет Посмотрите сами. ИИ уже забирает на себя работу целых команд: пишет код, закрывает задачи джунов и позволяет стартапам запускать продукты в 2–3 раза меньшим составом. То, на что раньше нужны были несколько разработчиков, сегодня всё чаще делает один человек с ИИ-агентами. И это только начало. Те, кто освоит вайбкодинг сейчас, смогут быстрее запускать проекты, автоматизировать огромный объём работы, увереннее конкурировать на рынке и зарабатывать больше тех, кто продолжает делать всё вручную. Начать с нуля поможет канал Вайб-кодинг. Там ребята круглосуточно мониторят более 320 российских и зарубежных источников и публикуют только главное: релизы, инструменты, гайды, курсы и практические кейсы. Подписывайтесь, нас уже 50 тысяч: @vibecoding_tg
628
20
АЙТИШНИКИ БЕСПЛАТНОЕ ОБУЧЕНИЕ Проект «TERMINAL» стал крупнейшей библиотекой бесплатного образования. В одном канале собраны к
АЙТИШНИКИ БЕСПЛАТНОЕ ОБУЧЕНИЕ Проект «TERMINAL» стал крупнейшей библиотекой бесплатного образования. В одном канале собраны курсы, книги, полезные инструменты и практические тренажёры для всех разработчиков: • Практические курсы и задания • Книги и статьи известных авторов • Полезные инструменты и ресурсы • IT-новости и инсайды Обучение по всем направлениям: SQL, Python, ML, Frontend, PHP, C++, Go, Git, Linux, QA, Java, Vibe-coding, InfoSec и др. ⌨️ подписаться
695