Нужен ли здесь `useEffect`? 12 сценариев из React-код-ревью — от производного состояния до React 19.2
На code review я регулярно встречаю один и тот же вопрос, только записанный разным кодом: «Как правильно синхронизировать эти значения через useEffect?» Со временем я понял, что чаще полезнее спросить иначе: а эффект здесь вообще нужен? В статье разбираю 12 типичных сценариев из React-код-ревью.
https://habr.com/ru/articles/1055486/
На code review я регулярно встречаю один и тот же вопрос, только записанный разным кодом: «Как правильно синхронизировать эти значения через useEffect?» Со временем я понял, что чаще полезнее спросить иначе: а эффект здесь вообще нужен? В статье разбираю 12 типичных сценариев из React-код-ревью.
https://habr.com/ru/articles/1055486/
❤10🤔2😁1
Построение скролл-зависимой 3D-галереи по пути камеры из Blender с Three.js и GSAP
Рисуем кривую в Blender, экспортируем точки в JSON с учётом различий координат, а затем в Three.js восстанавливаем путь через
Демо | Github
https://tympanus.net/codrops/2026/07/07/building-a-scroll-driven-3d-gallery-using-a-blender-camera-path-with-three-js-and-gsap/
Рисуем кривую в Blender, экспортируем точки в JSON с учётом различий координат, а затем в Three.js восстанавливаем путь через
THREE.CatmullRomCurve3 и раскладываем вдоль него сотни plane-картинок с рандомными смещениями.Демо | Github
https://tympanus.net/codrops/2026/07/07/building-a-scroll-driven-3d-gallery-using-a-blender-camera-path-with-three-js-and-gsap/
❤10❤🔥4👍1
Стили в CSS с учетом границ
Функция
https://master.dev/blog/boundary-aware-styling-in-css/
Функция
view() позволяет привязывать прогресс анимации к видимости элемента в ближайшем scroll-контейнере: цвет/размер/поворот меняются, когда объект приближается к краям или уходит за них. На практике так раскрашивают элементы в сетке по горизонтальному положению, меняют тон при перетаскивании и подсвечивают ползунки по мере движения.https://master.dev/blog/boundary-aware-styling-in-css/
🔥6👍1
Как сделать интерактивный элемент невидимым, но доступным
Используйте
https://master.dev/blog/how-to-make-an-interactive-element-invisible-but-accessible/
Используйте
hidden="until-found" для скрытия контента с сохранением доступности (поиск по странице и навигация по фрагментам работают, элемент остаётся фокусируемым), а затем компенсируйте отсутствие ховера/видимости через contain-intrinsic-size: auto none, чтобы не было layout shift.https://master.dev/blog/how-to-make-an-interactive-element-invisible-but-accessible/
❤10⚡4🔥1
Как внедрять ИИ в разработку и маркетинг , чтобы он приносил прибыль
Навайбкодить приложение - дело часа. Но что дальше? Продукт готов - пользователей 0
Все потому что маркетинг как был, так и остался узким местом в развитии продукта:
Прибыль появляется, когда ИИ становится системой: ресерч → продукт → креативы → реклама → контент → конверсия → удержание 👋
Меня зовут Давид, я 8 лет в маркетинге приложений и за последний год вырастил 3 приложения с 0 до $300к MRR
Я пересобрал свой опыт в собственный AI-стек и на вебинаре покажу как выглядит инфраструктура, которая приносит прибыль и действительно экономит время и деньги
🗓 14 июля
🕗 20:00 МСК
📌 Регистрация по ссылке (тык)
👉 Что в программе:
1. Поиск идей и точек роста — ресерч ниш, конкурентов и болей аудитории через ИИ → список точек роста существующего бизнеса, ниши для новых продуктов и понимание как в них строить маркетинг
2. AI-продакшн и закупка — генерация баннеров и видео + автоматизация кампаний в Meta, Google, Яндексе → сотни креативов в день без дизайнера
3. Виральный контент-продакшн для соц.сетей — контент-планы, анализ конкурентов, AI-аватары, монтаж, авто-карусели → ежедневный постинг в одиночку
4. Персонализация — AI-сегментация, офферы и воронки под каждый сегмент → выше конверсия из тех же лидов
🎁 Зарегистрированным - бесплатные уроки по Claude
До встречи на вебинаре!
Навайбкодить приложение - дело часа. Но что дальше? Продукт готов - пользователей 0
Все потому что маркетинг как был, так и остался узким местом в развитии продукта:
— трафик льётся, окупаемость падает
— площадок больше, чем рук: Reels, TikTok, Shorts, Telegram — везде нужен контент
— продакшн контента стоит как отдел
— все говорят про ИИ, но как это реально приносит деньги — непонятно
Прибыль появляется, когда ИИ становится системой: ресерч → продукт → креативы → реклама → контент → конверсия → удержание 👋
Меня зовут Давид, я 8 лет в маркетинге приложений и за последний год вырастил 3 приложения с 0 до $300к MRR
Я пересобрал свой опыт в собственный AI-стек и на вебинаре покажу как выглядит инфраструктура, которая приносит прибыль и действительно экономит время и деньги
🕗 20:00 МСК
📌 Регистрация по ссылке (тык)
👉 Что в программе:
1. Поиск идей и точек роста — ресерч ниш, конкурентов и болей аудитории через ИИ → список точек роста существующего бизнеса, ниши для новых продуктов и понимание как в них строить маркетинг
2. AI-продакшн и закупка — генерация баннеров и видео + автоматизация кампаний в Meta, Google, Яндексе → сотни креативов в день без дизайнера
3. Виральный контент-продакшн для соц.сетей — контент-планы, анализ конкурентов, AI-аватары, монтаж, авто-карусели → ежедневный постинг в одиночку
4. Персонализация — AI-сегментация, офферы и воронки под каждый сегмент → выше конверсия из тех же лидов
🎁 Зарегистрированным - бесплатные уроки по Claude
До встречи на вебинаре!
Please open Telegram to view this post
VIEW IN TELEGRAM
💩8⚡1
Как мы во фронтенд-команде ПСБ прокачали релизный цикл npm-пакетов.
Внутренние библиотеки и микрофронты собрали в пакетный процесс с SemVer, обязательным migration guide для breaking changes и публикацией через CI, чтобы исключить разъезд окружений и человеческий фактор. Более подробно - в статье.
https://habr.com/ru/companies/psb/articles/1055888/
Внутренние библиотеки и микрофронты собрали в пакетный процесс с SemVer, обязательным migration guide для breaking changes и публикацией через CI, чтобы исключить разъезд окружений и человеческий фактор. Более подробно - в статье.
https://habr.com/ru/companies/psb/articles/1055888/
🔥5💩3👍2❤1🥱1
Как проектировать интерфейсы для уязвимых пользователей: почему ментальным health-приложениям нельзя гнаться за любыми UI-трендами
Трендовые решения часто повышают когнитивную нагрузку и делают навигацию непредсказуемой — в итоге человек в стрессе просто не находит нужную помощь и быстро уходит. Важно проверять каждый модный паттерн по пяти критериям: нагрузка, эмоциональное соответствие, надежность навигации, доступность и корректность механик вовлечения без давления/стыда.
https://smashingmagazine.com/2026/07/designing-distressed-users-mental-health-apps-ui/
Трендовые решения часто повышают когнитивную нагрузку и делают навигацию непредсказуемой — в итоге человек в стрессе просто не находит нужную помощь и быстро уходит. Важно проверять каждый модный паттерн по пяти критериям: нагрузка, эмоциональное соответствие, надежность навигации, доступность и корректность механик вовлечения без давления/стыда.
https://smashingmagazine.com/2026/07/designing-distressed-users-mental-health-apps-ui/
❤3🔥3🤔1
ariaNotify(): как заставить скринридер проговорить текст
Новый метод
https://master.dev/blog/the-siren-song-of-arianotify/
Новый метод
ariaNotify() из WAI-ARIA 1.3 позволяет программно запускать озвучивание: передайте строку и (при необходимости) конфигурацию, например document.ariaNotify("Hello, World.").https://master.dev/blog/the-siren-song-of-arianotify/
👍3❤2⚡1
TypeScript 7.0 — самое радикальное обновление за 10 лет
TypeScript 7 ускоряет сборку и работу в IDE за счёт нативного порта, многопоточности и оптимизаций: полная сборка проекта до 8–12 раз быстрее, а цикл в --watch становится заметно короче. На реальных крупных open-source кодовых базах ускорение достигает почти 12×, а потребление памяти снижается на 6–26%.
https://habr.com/ru/companies/haulmont/articles/1057526
TypeScript 7 ускоряет сборку и работу в IDE за счёт нативного порта, многопоточности и оптимизаций: полная сборка проекта до 8–12 раз быстрее, а цикл в --watch становится заметно короче. На реальных крупных open-source кодовых базах ускорение достигает почти 12×, а потребление памяти снижается на 6–26%.
https://habr.com/ru/companies/haulmont/articles/1057526
👍19❤6⚡1
Frontend CTF, или Как связаны Мона Лиза и искусственный интеллект
История про ежегодный браузерный CTF, где флаги спрятаны в интерфейсе, коде и даже в видео/логах, а для прохождения нужны знания фронтенда, сетей и веб-стандартов. Разбираемся, как устроены уровни и задания: генерация идей, подготовка подсказок, автоматический деплой в изолированную среду и встраивание в сюжет, плюс что происходит при попытках «положить» сервер.
https://habr.com/ru/companies/yandex/articles/1051050/
История про ежегодный браузерный CTF, где флаги спрятаны в интерфейсе, коде и даже в видео/логах, а для прохождения нужны знания фронтенда, сетей и веб-стандартов. Разбираемся, как устроены уровни и задания: генерация идей, подготовка подсказок, автоматический деплой в изолированную среду и встраивание в сюжет, плюс что происходит при попытках «положить» сервер.
https://habr.com/ru/companies/yandex/articles/1051050/
👍4❤1
16 июля встречаемся с JS‑сообществом SberProfi в Сбер.Среде.
AI уже меняет JavaScript‑разработку. Вопрос не в том, заменит ли он инженеров, а в том, кто освоит его быстрее и качественнее.
🔥 Обсудим изменения на реальных кейсах от Сбера, Cloud․ru и Mish. Очные участники увидят спецформат от блогеров и пообщаются с экспертами GigaCode и GitVerse.
⏳ Начало в 17:00, встреча очных гостей - в 16:00.
Количество очных мест ограничено – успейте зарегистрироваться!
AI уже меняет JavaScript‑разработку. Вопрос не в том, заменит ли он инженеров, а в том, кто освоит его быстрее и качественнее.
⏳ Начало в 17:00, встреча очных гостей - в 16:00.
Количество очных мест ограничено – успейте зарегистрироваться!
Please open Telegram to view this post
VIEW IN TELEGRAM
❤2👎1🤡1