اکنون در دسترس! پژوهش تلگرام ۲۰۲۵ — مهمترین بینشهای سال 
🧊 siberiacancode x IT-ХОЗЯЕВА
رفتن به کانال در Telegram
Канал для frontend разработчиков Смотрим самые новые и популярные frontend технологии 🔥 https://boosty.to/siberiacancode https://www.youtube.com/@siberiacancode https://www.twitch.tv/siberiacancode https://github.com/siberiacancode
نمایش بیشتر3 406
مشترکین
+124 ساعت
+147 روز
+4930 روز
در حال بارگیری داده...
کانالهای مشابه
ابر برچسبها
اشارات ورودی و خروجی
---
---
---
---
---
---
جذب مشترکین
ژوئن '26
ژوئن '26
+78
در 1 کانالها
مه '26
+107
در 4 کانالها
Get PRO
آوریل '26
+49
در 0 کانالها
Get PRO
مارس '26
+122
در 1 کانالها
Get PRO
فوریه '26
+85
در 5 کانالها
Get PRO
ژانویه '26
+92
در 1 کانالها
Get PRO
دسامبر '25
+63
در 0 کانالها
Get PRO
نوامبر '25
+45
در 1 کانالها
Get PRO
اکتبر '25
+97
در 3 کانالها
Get PRO
سپتامبر '25
+78
در 1 کانالها
Get PRO
اوت '25
+108
در 3 کانالها
Get PRO
ژوئیه '25
+99
در 0 کانالها
Get PRO
ژوئن '25
+68
در 1 کانالها
Get PRO
مه '25
+103
در 1 کانالها
Get PRO
آوریل '25
+145
در 3 کانالها
Get PRO
مارس '25
+99
در 2 کانالها
Get PRO
فوریه '25
+120
در 1 کانالها
Get PRO
ژانویه '25
+184
در 3 کانالها
Get PRO
دسامبر '24
+151
در 3 کانالها
Get PRO
نوامبر '24
+129
در 3 کانالها
Get PRO
اکتبر '24
+97
در 1 کانالها
Get PRO
سپتامبر '24
+97
در 2 کانالها
Get PRO
اوت '24
+128
در 1 کانالها
Get PRO
ژوئیه '24
+179
در 1 کانالها
Get PRO
ژوئن '24
+186
در 2 کانالها
Get PRO
مه '24
+254
در 4 کانالها
Get PRO
آوریل '24
+173
در 1 کانالها
Get PRO
مارس '24
+131
در 0 کانالها
Get PRO
فوریه '24
+178
در 1 کانالها
Get PRO
ژانویه '24
+281
در 1 کانالها
Get PRO
دسامبر '23
+143
در 4 کانالها
Get PRO
نوامبر '23
+39
در 0 کانالها
Get PRO
اکتبر '23
+101
در 0 کانالها
Get PRO
سپتامبر '23
+954
در 0 کانالها
| تاریخ | رشد مشترکین | اشارات | کانالها | |
| 20 ژوئن | +7 | |||
| 19 ژوئن | +4 | |||
| 18 ژوئن | +1 | |||
| 17 ژوئن | +7 | |||
| 16 ژوئن | +2 | |||
| 15 ژوئن | +5 | |||
| 14 ژوئن | +2 | |||
| 13 ژوئن | +6 | |||
| 12 ژوئن | +4 | |||
| 11 ژوئن | +3 | |||
| 10 ژوئن | +3 | |||
| 09 ژوئن | +7 | |||
| 08 ژوئن | +5 | |||
| 07 ژوئن | +7 | |||
| 06 ژوئن | +3 | |||
| 05 ژوئن | +2 | |||
| 04 ژوئن | +2 | |||
| 03 ژوئن | +4 | |||
| 02 ژوئن | +2 | |||
| 01 ژوئن | +2 |
پستهای کانال
Всем 'не' тяжелого утра 📲
Сегодня вместе с izede разобрали очередную пачку интересных новостей. Огромное спасибо за интерес к новой рубрике на канале — приятно видеть, что такой формат вам заходит.
Напоминаю, что «Тяжёлое утро» проходит на канале HolyJS, где ребята продолжают делать полезный контент для нашего сообщества. Возможно, увидимся уже на следующей неделе, если утро снова не будет тяжёлым.
Новости:
React Libraries for 2026
Декларативные частичные обновления в html
Introducing Nub: an all-in-one toolkit for Node.js
Building Glass for the Web
Upcoming breaking changes for npm v12
| 2 | 🍿 стартуем
twitch — youtube — vk | 284 |
| 3 | 🍿 стартуем
twitch — youtube — vk | 312 |
| 4 | 🍿 АНОНС СТРИМА 20 июня в 11:45 по мск
twitch — youtube — vk | 967 |
| 5 | Мы развиваем juniorsbootcamp 🥳
На данный момент мы работаем над контентом для веб-тестирования, но это напрямую связано и с развитием самой платформы со стороны заданий. Уже сейчас мы готовы показать новый дизайн заданий, который станет основой для следующих обновлений.
Самое интересное, что вместе с новым форматом заданий мы начали полностью перерабатывать систему оплаты. В будущем задания станут гораздо ближе к реальным продуктам: появятся сценарии с оплатой картой, QR-кодами, поллингом статусов платежей, обработкой ошибок и другими кейсами, с которыми разработчики и тестировщики сталкиваются в реальных проектах.
Наша цель — чтобы задания учили не абстрактным примерам, а тем процессам и сценариям, которые действительно встречаются в современном вебе. | 917 |
| 6 | 🍿 АНОНС СТРИМА 20 июня в 14:00 по мск
twitch — youtube — vk | 1 663 |
| 7 | CSS — новый язык программирования? 😵
Появился экспериментальный проект Prop For That, который позволяет прокидывать состояние из JavaScript прямо в CSS через атрибуты и переменные. Благодаря этому стили могут реагировать не только на положение курсора, скролл и размеры элементов, но и, например, на доминирующий цвет изображения, кадры видео, состояние формы и другие данные во время работы приложения.
Проект демонстрирует 16 различных сценариев использования и продолжает развитие тренда последних лет, в рамках которого CSS получает всё больше возможностей для работы с динамическим состоянием через :has(), container queries, scroll-driven animations и view transitions. | 1 135 |
| 8 | История проектов без фреймворков продолжается 😀
Недавно мы обсуждали, что есть люди, которые считают фреймворки паразитизмом, а серьёзные веб-приложения вполне можно писать без них. В качестве аргумента автор привёл свой репозиторий.
Проблема только в том, что это приложение уровня лабораторной работы в университете. По сути обычный CRUD с таблицей, который спокойно можно реализовать даже без SPA, используя серверный рендеринг и шаблоны на бэкенде. Такие примеры хорошо показывают, что технологию использовать можно, но они почти ничего не говорят о её пригодности для больших и сложных продуктов. Да я сам говорю очень часто о том, что веб очень часто проще, чем кажется, но этот пример слишком простой.
Поэтому, когда мы обсуждаем отказ от фреймворков, хотелось бы видеть примеры не CRUD-приложений, а чего-то уровня хотя бы juniorsbootcamp приложений, ну и я напоминаю dx фреймворка > dx web components | 1 195 |
| 9 |  Claude будет требовать паспорт и селфи 😵
Теперь для получения доступа к планам Claude Free, Pro и Max придётся пройти проверку личности и возраста. Новые правила вступят в силу 8 июля.
claude все | 1 682 |
| 10 | Stack Overflow для AI-агентов 🤖
Stack Overflow запустили Stack Overflow for Agents — новую платформу, которая позволяет публиковать знания, инструкции и готовые сценарии работы специально для AI-агентов.
Основная идея проста: если раньше документация, статьи и ответы создавались только для людей, то теперь появляется отдельный слой контента для AI. На платформе можно публиковать blueprints — готовые инструкции и шаблоны, которые агенты смогут использовать для решения задач и автоматизации процессов. | 1 291 |
| 11 |  Не удержался 🎵 "незаменимый" | 1 335 |
| 12 | Как сделать scroll анимацию для ваших страниц 🏋️♀️
Мы часто видим на сайтах анимации, которые реагируют на прокрутку страницы. Но сегодня под капотом таких эффектов может скрываться сразу несколько разных технологий
Scroll-Driven Animations позволяют привязать прогресс анимации к положению скролла. Scroll-Triggered Animations запускают анимацию при достижении определённого места на странице. Scroll State Queries дают возможность менять стили в зависимости от состояния контейнера во время прокрутки. А View Transitions API отвечает за плавные переходы между состояниями интерфейса и даже страницами.
Проблема в том, что все эти технологии часто смешивают в одну категорию «анимации на скролле», хотя каждая из них решает свою задачу. | 1 373 |
| 13 | Чат, кто самые жесткие инфоцыгане в it медийке и почему вы так думаете 🤔 | 1 511 |
| 14 | Как мы выбрали tanstack start для нового проекта 💰
На большом количестве фронтенд-проектов нам требуется иметь сервер по разным причинам: будь то SEO, BFF, проксирование запросов или просто дополнительный контроль над кодом. К нам в разработку пришёл новый проект, и в нашем кейсе требовалось проксирование запросов через сервер и SEO, но при этом само наполнение сайта — это практически полностью клиентские формы, кнопки и действия. Встал выбор фреймворка для разработки: основные претенденты были Next.js и TanStack Start.
⭐Первая проблема Next.js — его специфичность. Хотим запросить какие-то стартовые данные на сервере и передать их на клиент, где также будут клиентские запросы. Next диктует правила запросов на сервере и говорит использовать только его fetch: он оптимизирован, есть разные подходы к кэшированию и ревалидации, и, что самое важное, он совместно работает с роутером Next’а. То есть при наличии fetch Next, например, может понять, что роут динамический, и есть ещё другие фичи. Но если вы используете другой механизм запросов, то вы можете потерять часть фичь.
В нашем же проекте мы хотим использовать не только серверный запрос, но и поделиться его результатом с клиентом, а на клиенте у нас довольно много клиентской логики с API. В таких кейсах мы обычно используем tantack query. Таким образом начинаются танцы с бубном: как сделать запрос в Next’е на сервере, но при этом поделиться этими данными с клиентом и с Query-клиентом. А далее встаёт вопрос ревалидации и противоположности философий. Next.js хочет, чтобы мы писали код на сервере, а наш проект требует много клиентской логики.
⭐Вторая проблема — стриминг. В рамках простого клиентского флоу с формами и кнопками он просто не нужен и заставляет держать в голове больше информации. Также, если нужна серверная обработка (например, из-за определённых условий подставить куку на какой-то странице), сделать это можно только в одном месте — в middleware, из-за механизма стриминга. Можно не использовать стриминг, но тогда вопрос, а что еще предлагает Nextjs, чтобы нам было удобно.
Если рассматривать TanStack Start, то всё намного радужнее. Связь запросов, сделанных на сервере и на клиенте, есть под капотом, так как это буквально делается с помощью одного queryClient. Нет явного форсирования использования стриминга, но при этом есть возможность его использовать. Также на самой странице есть разные стратегии рендеринга, но опять же ни одна из стратегий не форсирована к использованию — можно выбирать более удобную под твой кейс. Роутинг который дает намного больше фичей. В итоге, с учётом специфичности Next.js, мы выбрали TanStack Start. Мы получили серверный движок, а не философию, что позволяет нам гибко и без боли в шаблоне писать код, но при этом получить нужные SSR-преимущества без боли.
Но важно отметить, что Next.js всё ещё применим, но выглядит неудобным в решениях, где мы хотим много клиентского JavaScript. | 1 498 |
| 15 | 🍿 АНОНС СТРИМА 14 июня в 10:30 по мск
twitch — youtube — vk | 1 195 |
| 16 | reactuse все ближе к первому релизу 👋
Уже переписали 125 демо, покрытие тестов составляет 98 процентов по количеству хуков, а также проработали красивый лендинг, которому заложили основу. Из ai статичных материалов все поддерживается и дополнятся, не забываем про agents-skills. Очень круто делать более практичные демо, потому что ты сам начинаешь видеть, как можно улучшить DX. В процессе их создания некоторые хуки немного изменились и стали удобнее, а некоторые вообще пришлось переосмыслить и переписать.
Также хочется отдельно рассказать, как AI помогает в написании документации. Для меня это можно разделить на три направления. Первое — анализ существующих решений и поиск референсов для хуков и демо. Второе — быстрое прототипирование самих примеров, без которого реализация многих демо растянулась бы на месяцы. И третье — помощь в написании и структурировании документации, когда нужно оформить большое количество материалов в едином стиле и формате. | 1 296 |
| 17 |  Актуальный стек для frontend 2026 🔥
Небольшая карта технологий, от которой можно отталкиваться при выборе стека для frontend-приложения. Это не «единственно правильный набор», а список популярных решений по категориям.
Бандлер / build tools: Vite, Rspack, Webpack,
Роутер: TanStack Router, React Router
Devtools / quality: ESLint, Oxc, Prettier, Biome, Stylelint, Storybook
Testing: Vitest, Playwright, Testing Library
UI kit / headless: shadcn/ui, Radix UI, Base UI
UI kit / box: Mantine, MUI, Ant Design
Forms: TanStack Form, React Hook Form
Validators: Zod, Valibot, Yup
REST / API: TanStack Query, apicraft
GraphQL: Apollo Client, GraphQL Code Generator
Utils / hooks: reactuse
AI: AI SDK, assistant-ui
CSS: Tailwind CSS, CSS Modules, UnoCSS, Panda CSS, Vanilla Extract, StyleX
Special cases / state managers: Redux, Zustand, MobX, Reatom, Effector
Со state manager всё сложнее: это не обязательная часть базового стека, а очень специфичный архитектурный кейс. Тут важно сначала понять, где живёт состояние: URL, серверный кеш, форма, локальный UI или бизнес-процесс. Поэтому Redux, Zustand, Mobx, Effector, Reatom и похожие решения лучше выбирать не «по привычке», а под конкретную задачу. Про это лучше смотреть отдельный доклад. | 1 408 |
| 18 | Anthropic пришлось отключить доступ к Fable 5 и Mythos 5 👍
Компания сообщила, что по требованию правительства США временно приостанавливает доступ к своим новым моделям. Причиной стал обнаруженный способ обхода защитных механизмов, который власти сочли риском для национальной безопасности.
Интересно, что сама Anthropic не согласна с таким решением. По словам компании, проблема носит узкоспециализированный характер, а похожие техники работают и в других современных моделях. При этом Anthropic подчёркивает, что продолжает сотрудничать с регуляторами и рассчитывает вернуть доступ к моделям после устранения замечаний.
Интересно, не упёрлись ли мы в какой-то практический предел безопасного использования моделей? | 1 404 |
| 19 | Отмечу, что некоторые мысли из подкаста хороши 😎
Я никого из спикеров не знаю, так что смотрел только контент и идеи которые там были на самом деле выделить можно:
⭐На собесе спрашиваем то, что нужно для решения наших проблем
⭐Что сложность — это проблема, мы должны максимально делать просто и не усложнять
⭐Архитектура осознанной процесс, которая в правильных кейсах и руках, может экономить время
⭐Доверие к автору в опенсорсе это важно
⭐Читаемость кода — это очень важно
⭐Софтскиллы важны, даже иногда больше, чем хардскиллы
⭐Чтобы хорошо учится, нужно попробовать поучить самому
А теперь спорные моменты. Автор говорит: если хочешь добавить зависимость — читай её исходники. Не прочитал — не добавляй. Но тогда теряется сам смысл библиотек и фреймворков. Мы используем их именно потому, что они позволяют быстрее делать продукт. Возьмите Reatom, Effector или даже TanStack — пользоваться ими относительно просто, а вот исходники там огромные и далеко не тривиальные.
Про Web API тоже не всё так однозначно. Библиотеки и фреймворки зачастую существуют именно потому, что поверх нативных API можно сделать более удобный DX. Мы уже несколько лет наблюдаем, как HTML пытается догнать решения, которые давно есть в экосистеме JavaScript. Тот же <dialog> постоянно дорабатывается, чтобы приблизиться к возможностям популярных библиотек. Да и сами Web API местами довольно странные — у меня больше 160 хуков, многие работают поверх них, и я регулярно сталкиваюсь с их особенностями 😵💫
Про Web Components знают все, доклады про них есть практически на каждой конференции, но массового использования всё ещё не видно. А самое интересное, что примеры автора — карты, Canvas и графика — как раз относятся к задачам, где нативный подход действительно оправдан. Это уже не типичные интерфейсы, для которых большинство из нас использует React и экосистему вокруг него.
И ещё небольшой момент: сервис-воркеры и PWA — это не аналог Electron. В Electron больше возможностей за счёт мостов между браузером и операционной системой, тогда как PWA по-прежнему остаётся в рамках доступных Web API.
Как я всегда вам говорю, из любого материала можно получить пользу, но любой материал надо фильтровать 👌 | 1 189 |
| 20 |  Фреймворки все 👍
Нашумевшие слова в интернете. Знаете, есть целая группа людей в интернете, которые искренне верят, что веб можно писать без фреймворков. Под фреймворками я говорю про React, Vue, Angular, Reatom и другие. Что веб уже настолько могуч, что можно без этого всё делать. Я лично вообще не понимаю, в какой ненаселённой реальности они живут. Да, сайт mdn со статикой можно сделать без фреймворков, вы правы.
Только такие специалисты как будто не пишут реальные бизнес-приложения, как будто все, что они пишут, это лендинг с попапом на dialog и popover HTML-элемент. Кто пишет на веб-компонентах в чатах? Кто-то им расскажет, что почти любой разработчик на React сделает проект быстрее, чем они на голом вебе примерно в миллион раз?
А знаете, что самое смешное? Всё равно они напишут свои обвязки и получат свой фреймворк. А ещё знаете что? Это всё уже было в Reatom 👌 | 1 372 |
