На картинке 3 кейса:
— Всегда указывайте все зависимости эффекта
— Если зависимость нестабильна (объект/функция) → мемоизируйте
(useMemo, useCallback)— Примитивы (строка, число) в deps — самый безопасный вариант
#hotfix #react
Please open Telegram to view this post
VIEW IN TELEGRAM
👍9🔥3🤯2🎉2
This media is not supported in your browser
VIEW IN TELEGRAM
Совет по использованию инструментов Chrome Dev Tools 💡
Знаете ли вы, что с помощью Chrome Dev Tools можно легко отслеживать, какие события срабатывают на элементе, и просматривать свойства этих событий?
Знаете ли вы, что с помощью Chrome Dev Tools можно легко отслеживать, какие события срабатывают на элементе, и просматривать свойства этих событий?
1👍35❤1
🧑🏻💻Если вы пишете на Node.js и Express, но упираетесь в архитектурные ограничения - самое время перейти на уровень корпоративных серверных решений.
На открытом уроке 25 ноября в 20:00 мск вы разберёте, как строить масштабируемую и модульную архитектуру backend-приложений. Мы покажем, как грамотно выстраивать контроллеры и сервисы, внедрять зависимости, настраивать асинхронную обработку запросов и кеширование. Разберём, как готовить backend к работе под нагрузкой: от логирования и мониторинга до оптимизации API.
После вебинара вы сможете создавать серверные приложения, готовые к продакшну - с чёткой архитектурой, высокой производительностью и предсказуемым поведением под нагрузкой.
👉Запишитесь на открытый урок в преддверии старта курса “Node.js Developer” - и узнайте, почему NestJS стал новым стандартом для профессиональных Node.js-разработчиков: https://tglink.io/6d7b947cd341?erid=2W5zFJyoABi
Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.
На открытом уроке 25 ноября в 20:00 мск вы разберёте, как строить масштабируемую и модульную архитектуру backend-приложений. Мы покажем, как грамотно выстраивать контроллеры и сервисы, внедрять зависимости, настраивать асинхронную обработку запросов и кеширование. Разберём, как готовить backend к работе под нагрузкой: от логирования и мониторинга до оптимизации API.
После вебинара вы сможете создавать серверные приложения, готовые к продакшну - с чёткой архитектурой, высокой производительностью и предсказуемым поведением под нагрузкой.
👉Запишитесь на открытый урок в преддверии старта курса “Node.js Developer” - и узнайте, почему NestJS стал новым стандартом для профессиональных Node.js-разработчиков: https://tglink.io/6d7b947cd341?erid=2W5zFJyoABi
Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.
🌟 Кроссплатформенный UI-фреймворк Valdi
Valdi — это мощный кроссплатформенный UI-фреймворк, который обеспечивает нативную производительность и быструю разработку. Пишите интерфейсы на TypeScript, и они компилируются в нативные представления для iOS, Android и macOS без использования веб-вью и JavaScript мостов.
🚀 Основные моменты:
- Нативная производительность без компромиссов
- Мгновенная горячая перезагрузка для быстрой разработки
- Легкая интеграция в существующие приложения
- Автоматическая генерация типобезопасных привязок
- Поддержка сложных анимаций и жестов
📌 GitHub: https://github.com/Snapchat/Valdi
#typescript
Valdi — это мощный кроссплатформенный UI-фреймворк, который обеспечивает нативную производительность и быструю разработку. Пишите интерфейсы на TypeScript, и они компилируются в нативные представления для iOS, Android и macOS без использования веб-вью и JavaScript мостов.
🚀 Основные моменты:
- Нативная производительность без компромиссов
- Мгновенная горячая перезагрузка для быстрой разработки
- Легкая интеграция в существующие приложения
- Автоматическая генерация типобезопасных привязок
- Поддержка сложных анимаций и жестов
📌 GitHub: https://github.com/Snapchat/Valdi
#typescript
GitHub
GitHub - Snapchat/Valdi: Valdi is a cross-platform UI framework that delivers native performance without sacrificing developer…
Valdi is a cross-platform UI framework that delivers native performance without sacrificing developer velocity. - Snapchat/Valdi
👍4❤3🔥2
🔥 Станьте экспертом по Битрикс24 — успейте на курс! 🚀
Набор на курс «Разработчик Битрикс24» в OTUS заканчивается! Разработка на Битрикс24 — ключ к автоматизации бизнес-процессов и востребованным навыкам.
Вы научитесь:
✅ Разворачивать Битрикс24 на своём сервере
✅ Создавать компоненты, модули и REST-приложения
✅ Автоматизировать бизнес-процессы
✅ Интегрировать Битрикс24 с внешними системами
Успейте пройти вступительное тестирование, чтобы оценить свои знания и поступить в группу курса по специальной цене!
💡Подробности уточняйте у менеджера
🚀 Не упустите шанс стать экспертом по Битрикс24 и прокачать карьеру!
👉 Пройти тест https://otus.pw/8mXs/?erid=2W5zFJriNJU
Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.
Набор на курс «Разработчик Битрикс24» в OTUS заканчивается! Разработка на Битрикс24 — ключ к автоматизации бизнес-процессов и востребованным навыкам.
Вы научитесь:
✅ Разворачивать Битрикс24 на своём сервере
✅ Создавать компоненты, модули и REST-приложения
✅ Автоматизировать бизнес-процессы
✅ Интегрировать Битрикс24 с внешними системами
Успейте пройти вступительное тестирование, чтобы оценить свои знания и поступить в группу курса по специальной цене!
💡Подробности уточняйте у менеджера
🚀 Не упустите шанс стать экспертом по Битрикс24 и прокачать карьеру!
👉 Пройти тест https://otus.pw/8mXs/?erid=2W5zFJriNJU
Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.
👎2
🧳 MCPorter: TypeScript Toolkit for Model Context Protocol
MCPorter — это инструмент для работы с Model Context Protocol, позволяющий легко взаимодействовать с MCP-серверами. Он автоматически находит настроенные серверы, генерирует CLI и создает типизированные клиенты, упрощая автоматизацию и интеграцию.
🚀 Основные моменты:
- Автообнаружение MCP-серверов без конфигурации.
- Генерация CLI с помощью одной команды.
- Создание типизированных клиентов для взаимодействия с серверами.
- Удобный API для работы с методами и валидацией аргументов.
- Поддержка OAuth и различных транспортов.
📌 GitHub: https://github.com/steipete/mcporter
#typescript
MCPorter — это инструмент для работы с Model Context Protocol, позволяющий легко взаимодействовать с MCP-серверами. Он автоматически находит настроенные серверы, генерирует CLI и создает типизированные клиенты, упрощая автоматизацию и интеграцию.
🚀 Основные моменты:
- Автообнаружение MCP-серверов без конфигурации.
- Генерация CLI с помощью одной команды.
- Создание типизированных клиентов для взаимодействия с серверами.
- Удобный API для работы с методами и валидацией аргументов.
- Поддержка OAuth и различных транспортов.
📌 GitHub: https://github.com/steipete/mcporter
#typescript
GitHub
GitHub - steipete/mcporter: Call MCPs via TypeScript, masquerading as simple TypeScript API. Or package them as cli.
Call MCPs via TypeScript, masquerading as simple TypeScript API. Or package them as cli. - steipete/mcporter
😁2👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Библиотека, которая включает офлайн-режим на сайте буквально одной строкой JS 💻
Что делает:
- Показывает сайт даже без интернета - в самолёте, лифте или на парковке 🤣
- Кэширует любые файлы, которые вы укажете
- Работает с обычными статичными сайтами, без сборки и танцев с бубном
- Запускает офлайн-режим одним вызовом: UpUp.start()
Единственное требование — HTTPS (Let’s Encrypt подойдёт идеально).
Отлично подходит для лендингов, документации, блогов и любых проектов, которым важно не зависеть от качества сети.
https://github.com/TalAter/UpUp
Что делает:
- Показывает сайт даже без интернета - в самолёте, лифте или на парковке 🤣
- Кэширует любые файлы, которые вы укажете
- Работает с обычными статичными сайтами, без сборки и танцев с бубном
- Запускает офлайн-режим одним вызовом: UpUp.start()
Единственное требование — HTTPS (Let’s Encrypt подойдёт идеально).
Отлично подходит для лендингов, документации, блогов и любых проектов, которым важно не зависеть от качества сети.
https://github.com/TalAter/UpUp
👍16❤3🔥3😁1
🔍 Проверка доступности доменов с GoDaddy API
Инструмент на Node.js для проверки доступности доменных имен. Позволяет находить короткие комбинации доменов, используя API GoDaddy. Удобен для генерации и проверки доменов по заданной длине и TLD.
🚀Основные моменты:
- Проверка доступности доменов в реальном времени
- Генерация комбинаций заданной длины
- Поддержка нескольких TLD
- Результаты сохраняются в
- Уважение к лимитам API с задержками между запросами
📌 GitHub: https://github.com/akinloluwami/domains-lookup
#nodejs
Инструмент на Node.js для проверки доступности доменных имен. Позволяет находить короткие комбинации доменов, используя API GoDaddy. Удобен для генерации и проверки доменов по заданной длине и TLD.
🚀Основные моменты:
- Проверка доступности доменов в реальном времени
- Генерация комбинаций заданной длины
- Поддержка нескольких TLD
- Результаты сохраняются в
available.json- Уважение к лимитам API с задержками между запросами
📌 GitHub: https://github.com/akinloluwami/domains-lookup
#nodejs
GitHub
GitHub - akinloluwami/domains-lookup
Contribute to akinloluwami/domains-lookup development by creating an account on GitHub.
👍3❤1
Реальные кейсы AI во фронтенде: что происходит в Яндексе
Бизнес-группа Поисковых сервисов и ИИ Яндекса приглашает на Yet Another Frontend Night 29 ноября. Закрытая встреча полностью посвящена внедрению нейросетевых инструментов во фронтенд. Коллеги из Яндекса обсудят, какие AI-технологии работают у них, как изменился разработческий цикл и с какими трудностями пришлось столкнуться на практике.
Темы экспертов Яндекса:
— Иван Артамонов, руководитель группы конверсионных инструментов в Яндекс Бизнесе, расскажет про преимущества AI-ассистентов
— Павел Осташкин, старший разработчик интерфейсов в международной Рекламе, объяснит, как он со своей командой написал и встроил MCP в рабочие процессы и что из этого получилось
— Валерий Баранов, AI-оптимист и тимлид группы технологий фронтенда в Яндекс 360, разберет инструменты управления контекстом во фронтенде и покажет, как MCP-серверы снижают галлюцинации и делают дизайн-систему AI-ready
— Александр Иванков, руководитель группы развития инфраструктуры поисковых интерфейсов в Яндекс Поиске, поделится опытом разработки AI-помощника и подходами промпт-инжиниринга под разные роли
— Андрей Дегтярев, разработчик интерфейсов в Яндекс Браузере, рассмотрит в докладе агентские сценарии по частям, чтобы наглядно показать, какие реальные задачи пользователя они решают
Где и когда: 29 ноября, 15:00, Москва, офис Яндекса на Льва Толстого
Yet Another Frontend Night пройдет только в offline-формате, трансляция не планируется.
Регистрация и подробная программа
Бизнес-группа Поисковых сервисов и ИИ Яндекса приглашает на Yet Another Frontend Night 29 ноября. Закрытая встреча полностью посвящена внедрению нейросетевых инструментов во фронтенд. Коллеги из Яндекса обсудят, какие AI-технологии работают у них, как изменился разработческий цикл и с какими трудностями пришлось столкнуться на практике.
Темы экспертов Яндекса:
— Иван Артамонов, руководитель группы конверсионных инструментов в Яндекс Бизнесе, расскажет про преимущества AI-ассистентов
— Павел Осташкин, старший разработчик интерфейсов в международной Рекламе, объяснит, как он со своей командой написал и встроил MCP в рабочие процессы и что из этого получилось
— Валерий Баранов, AI-оптимист и тимлид группы технологий фронтенда в Яндекс 360, разберет инструменты управления контекстом во фронтенде и покажет, как MCP-серверы снижают галлюцинации и делают дизайн-систему AI-ready
— Александр Иванков, руководитель группы развития инфраструктуры поисковых интерфейсов в Яндекс Поиске, поделится опытом разработки AI-помощника и подходами промпт-инжиниринга под разные роли
— Андрей Дегтярев, разработчик интерфейсов в Яндекс Браузере, рассмотрит в докладе агентские сценарии по частям, чтобы наглядно показать, какие реальные задачи пользователя они решают
Где и когда: 29 ноября, 15:00, Москва, офис Яндекса на Льва Толстого
Yet Another Frontend Night пройдет только в offline-формате, трансляция не планируется.
Регистрация и подробная программа
❤3🔥2👍1🤬1
🚀 Креативные подсказки для Nano Banana Pro
Собрание уникальных и креативных подсказок для работы с Google Nano Banana Pro. Идеально подходит для вдохновения и генерации идей, этот репозиторий предлагает разнообразные варианты для создания визуального контента.
🚀 Основные моменты:
- Более 500 тщательно отобранных подсказок
- Поддержка динамических аргументов для Raycast
- Разнообразные стили генерации: от фотореалистичных до художественных
- Регулярные обновления и возможность участия в сообществе
📌 GitHub: https://github.com/YouMind-OpenLab/awesome-nano-banana-pro-prompts
#javascript
Собрание уникальных и креативных подсказок для работы с Google Nano Banana Pro. Идеально подходит для вдохновения и генерации идей, этот репозиторий предлагает разнообразные варианты для создания визуального контента.
🚀 Основные моменты:
- Более 500 тщательно отобранных подсказок
- Поддержка динамических аргументов для Raycast
- Разнообразные стили генерации: от фотореалистичных до художественных
- Регулярные обновления и возможность участия в сообществе
📌 GitHub: https://github.com/YouMind-OpenLab/awesome-nano-banana-pro-prompts
#javascript
❤4👍1
Олег Шелест - профессионал по информационной безопасности, раскрывает скрытые механики Linux, с помощью наглядных картинок и коротких, максимально понятных разборов у себя в тг канале.
- Без воды.
- Без лишней теории.
Только практические приёмы, которые реально используют профи.
Если хочешь уверенно владеть Bash - здесь ты получишь всё, что нужно: t.iss.one/bashmastter
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥3
Вот 16 авторских обучающих IT каналов по самым востребованным областям программирования:
Выбирай своё направление:
Please open Telegram to view this post
VIEW IN TELEGRAM
❤2
This media is not supported in your browser
VIEW IN TELEGRAM
⚡️ Отличный гайд по тому, как прокачать навык работы с дейтпикерами в JavaScript.
В нём есть примеры, ясные объяснения и наглядный формат, который помогает быстро разобраться во всех нюансах создания собственных дейтпикеров на чистом JS.
Читать здесь 👍
В нём есть примеры, ясные объяснения и наглядный формат, который помогает быстро разобраться во всех нюансах создания собственных дейтпикеров на чистом JS.
Читать здесь 👍
👍4❤2🔥1