Инструменты
Каталог TGAds
beta
Мониторинг
Детальная статистика
Анализ аудитории
Бот аналитики
Полезная информация
Инструкция Telemetr
Документация к API
Чат Telemetr
Не попадитесь на накрученные каналы! Узнайте, не накручивает ли канал просмотры или
подписчиков
Проверить канал на накрутку
Телеграм канал «WebDev+ | Веб-разработка»
1.1K
169
8
0
739
Подписчики
Всего
8 571
Сегодня
0
Просмотров на пост
Всего
528
ER
Общий
5.87%
Суточный
4%
Динамика публикаций
Telemetr - сервис глубокой аналитики
телеграм-каналов
телеграм-каналов
Получите подробную информацию о каждом канале
Отберите самые эффективные каналы для
рекламных размещений, по приросту подписчиков,
ER, количеству просмотров на пост и другим метрикам
рекламных размещений, по приросту подписчиков,
ER, количеству просмотров на пост и другим метрикам
Анализируйте рекламные посты
и креативы
и креативы
Узнайте какие посты лучше сработали,
а какие хуже, даже если их давно удалили
а какие хуже, даже если их давно удалили
Оценивайте эффективность тематики и контента
Узнайте, какую тематику лучше не рекламировать
на канале, а какая зайдет на ура
на канале, а какая зайдет на ура
Показано 7 из 1 079 постов
Смотреть все посты
Пост от 26.03.2026 19:07
315
0
4
React / JS / TS приём
Используйте символы (Symbol) вместо null/undefined для представления отсутствующих значений.
Этот пример провайдера в React:
- позволяет передавать null
- при этом всё ещё проверяет, что пользователь не забыл обернуть в <Provider>
Бывают случаи, когда null — это вполне валидное значение контекста (ctx).
@WebDev_Plus
Используйте символы (Symbol) вместо null/undefined для представления отсутствующих значений.
Этот пример провайдера в React:
- позволяет передавать null
- при этом всё ещё проверяет, что пользователь не забыл обернуть в <Provider>
Бывают случаи, когда null — это вполне валидное значение контекста (ctx).
@WebDev_Plus
Пост от 26.03.2026 09:07
401
0
12
CSS-совет:
Используйте svh, чтобы мобильная адресная строка не скрывала ваш UI. Это гарантирует точное соответствие видимой области экрана.
@WebDev_Plus
Используйте svh, чтобы мобильная адресная строка не скрывала ваш UI. Это гарантирует точное соответствие видимой области экрана.
@WebDev_Plus
Изображение
Пост от 25.03.2026 19:07
438
0
3
Свойство transitionType для ссылок (Links) в Next.js 16.2
(требует дополнительной настройки для <ViewTransitions />)
<ViewTransitions> всё ещё является экспериментальной возможностью в Next.js и не рекомендуется для продакшена
Полное демо 👇
https://github.com/SidKH/gist-of-next-demos/blob/cursor/view-transition-transition-types-demo/README.md
@WebDev_Plus
(требует дополнительной настройки для <ViewTransitions />)
<ViewTransitions> всё ещё является экспериментальной возможностью в Next.js и не рекомендуется для продакшена
Полное демо 👇
https://github.com/SidKH/gist-of-next-demos/blob/cursor/view-transition-transition-types-demo/README.md
@WebDev_Plus
❤
1
🔥
1
Пост от 25.03.2026 09:07
469
0
7
Точно измеряйте производительность своего кода
performance.mark() и performance.measure() позволяют вам инструментировать JavaScript, используя высокоточные тайминги.
Узнайте больше 👇
https://developer.mozilla.org/en-US/docs/Web/API/Performance/mark
@WebDev_Plus
performance.mark() и performance.measure() позволяют вам инструментировать JavaScript, используя высокоточные тайминги.
Узнайте больше 👇
https://developer.mozilla.org/en-US/docs/Web/API/Performance/mark
@WebDev_Plus
Пост от 23.03.2026 19:07
518
1
1
На случай, если ты не знал: React концептуально не изобрёл RSC, SSR или Hydration.
SSR — это по сути Express:
app.get('/', (req, res) => {
res.render('index', { name: 'John' })
})
RSC — это Pug:
if name == "Bob"
button(class="btn") Hello Bob
else
button(class="btn") My name is #{name}
Hydration — это jQuery:
$('.btn').click(...)
Отсюда и следствия: в SSR нет window, в RSC нельзя навесить onClick, а проблемы с hydration были ещё в jQuery (например, опечатка в .btn), просто тогда это называлось не так модно.
@WebDev_Plus
SSR — это по сути Express:
app.get('/', (req, res) => {
res.render('index', { name: 'John' })
})
RSC — это Pug:
if name == "Bob"
button(class="btn") Hello Bob
else
button(class="btn") My name is #{name}
Hydration — это jQuery:
$('.btn').click(...)
Отсюда и следствия: в SSR нет window, в RSC нельзя навесить onClick, а проблемы с hydration были ещё в jQuery (например, опечатка в .btn), просто тогда это называлось не так модно.
@WebDev_Plus
Пост от 23.03.2026 09:07
526
0
21
CSS-совет:
Создавайте плавные переходы между страницами всего одной строкой CSS
@WebDev_Plus
Создавайте плавные переходы между страницами всего одной строкой CSS
@WebDev_Plus
Пост от 22.03.2026 19:07
577
0
7
В Next.js 16.2 ошибки браузера теперь напрямую прокидываются в терминал во время разработки
Больше не нужно переключаться в консоль браузера, чтобы дебажить client-side ошибки.
Особенно полезно для AI-агентов, которые не могут открыть DevTools и посмотреть ошибки в браузере.
@WebDev_Plus
Больше не нужно переключаться в консоль браузера, чтобы дебажить client-side ошибки.
Особенно полезно для AI-агентов, которые не могут открыть DevTools и посмотреть ошибки в браузере.
@WebDev_Plus
Изображение