🛠️ AI SDK Devtools: Инструмент для отладки и мониторинга AI приложений
AI SDK Devtools предоставляет мощные возможности для отслеживания событий, отладки вызовов инструментов и мониторинга производительности в реальном времени. Он позволяет фильтровать события, визуализировать использование токенов и перехватывать потоки данных AI SDK.
🚀Основные моменты:
- Реальное время мониторинга событий AI
- Отладка вызовов инструментов с параметрами и результатами
- Мониторинг производительности (скорость потоков)
- Фильтрация событий по типу и имени инструмента
- Визуализация использования контекста и токенов
📌 GitHub: https://github.com/midday-ai/ai-sdk-devtools
#typescript
AI SDK Devtools предоставляет мощные возможности для отслеживания событий, отладки вызовов инструментов и мониторинга производительности в реальном времени. Он позволяет фильтровать события, визуализировать использование токенов и перехватывать потоки данных AI SDK.
🚀Основные моменты:
- Реальное время мониторинга событий AI
- Отладка вызовов инструментов с параметрами и результатами
- Мониторинг производительности (скорость потоков)
- Фильтрация событий по типу и имени инструмента
- Визуализация использования контекста и токенов
📌 GitHub: https://github.com/midday-ai/ai-sdk-devtools
#typescript
❤5👍2🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Совет по CSS 💡
Иногда фавикон отлично смотрится в светлой теме, но выглядит плохо (или вовсе исчезает) в тёмной, и наоборот.
Такие мелкие детали могут портить общее впечатление от сайта.
Вот как это исправить 👆
Иногда фавикон отлично смотрится в светлой теме, но выглядит плохо (или вовсе исчезает) в тёмной, и наоборот.
Такие мелкие детали могут портить общее впечатление от сайта.
Вот как это исправить 👆
❤8🔥3😐2
📚 AI-ассистенты в Yandex Cloud: автоматизация как сервис
На конференции команда Yandex Cloud представила AI-ассистентов — встроенных помощников для автоматизации облачных задач. Они позволяют отправлять запросы и администрировать базы данных через чат – достаточно написать свою задачу на естественном языке.
Например, в WebSQL через ИИ-ассистента можно сформулировать запрос для Trino, ClickHouse и других баз данных – для этого можно написать в чат, например, “покажи топ-10 клиентов по выручке за прошлый год”. Также можно автоматически разметить метаданные через Data Catalog в MetaData Hub.
В YDB можно автоматизировать администрирование БД с помощью ИИ-ассистента – например, он может предложить более оптимальный запрос или провести диагностику БД. Также можно подключить LLM-модель к YDB через MCP-сервер, чтобы она также могла формировать и исполнять запросы к базе данных.
На конференции команда Yandex Cloud представила AI-ассистентов — встроенных помощников для автоматизации облачных задач. Они позволяют отправлять запросы и администрировать базы данных через чат – достаточно написать свою задачу на естественном языке.
Например, в WebSQL через ИИ-ассистента можно сформулировать запрос для Trino, ClickHouse и других баз данных – для этого можно написать в чат, например, “покажи топ-10 клиентов по выручке за прошлый год”. Также можно автоматически разметить метаданные через Data Catalog в MetaData Hub.
В YDB можно автоматизировать администрирование БД с помощью ИИ-ассистента – например, он может предложить более оптимальный запрос или провести диагностику БД. Также можно подключить LLM-модель к YDB через MCP-сервер, чтобы она также могла формировать и исполнять запросы к базе данных.
❤3🖕3❤🔥1
❓ Как сделать чат в React?
😎 Ответ — на бесплатном вебинаре 29 сентября!
WebSocket — это не сложно. Покажем на практике, как связать React-приложение с сервером для обмена сообщениями в реальном времени.
Соберем работающий прототип мессенджера с авторизацией и интерфейсом. Идеальный проект для портфолио.
Присоединяйтесь к бесплатному вебинару курса «JavaScript Developer. Professional».
👉 Пишите код вместе с экспертом: https://otus.pw/ZmAsd/?erid=2W5zFJgK5xU
Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.
😎 Ответ — на бесплатном вебинаре 29 сентября!
WebSocket — это не сложно. Покажем на практике, как связать React-приложение с сервером для обмена сообщениями в реальном времени.
Соберем работающий прототип мессенджера с авторизацией и интерфейсом. Идеальный проект для портфолио.
Присоединяйтесь к бесплатному вебинару курса «JavaScript Developer. Professional».
👉 Пишите код вместе с экспертом: https://otus.pw/ZmAsd/?erid=2W5zFJgK5xU
Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.
🖕5❤1👍1
@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥20❤4👍3
🎶 OpenSpot Music - Your Gateway to Limitless Music
OpenSpot Music предлагает возможность стриминга и скачивания музыки без рекламы и входа в систему. Доступно на мобильных и десктопных платформах, приложение обеспечивает высокое качество звука и удобный интерфейс.
🚀 Основные моменты:
- Мобильное приложение на React Native для Android и iOS
- Десктопное приложение на Electron для macOS, Windows и Linux
- Оффлайн-доступ и фоновое воспроизведение
- Поддержка локального хранения и управления окнами
📌 GitHub: https://github.com/BlackHatDevX/openspot-music-app
#javascript
OpenSpot Music предлагает возможность стриминга и скачивания музыки без рекламы и входа в систему. Доступно на мобильных и десктопных платформах, приложение обеспечивает высокое качество звука и удобный интерфейс.
🚀 Основные моменты:
- Мобильное приложение на React Native для Android и iOS
- Десктопное приложение на Electron для macOS, Windows и Linux
- Оффлайн-доступ и фоновое воспроизведение
- Поддержка локального хранения и управления окнами
📌 GitHub: https://github.com/BlackHatDevX/openspot-music-app
#javascript
GitHub
GitHub - BlackHatDevX/openspot-music-app: OpenSpot is a free and open-source music streaming application designed for a seamless…
OpenSpot is a free and open-source music streaming application designed for a seamless, high-fidelity listening experience. Built with a modern tech stack, it features a beautiful, responsive UI th...
👍4❤2
🚀 Углубленное изучение промисов в JavaScript
Этот репозиторий предлагает практические упражнения для освоения промисов и асинхронного программирования. Он предназначен для разработчиков с базовыми знаниями, желающих углубить свои навыки и научиться решать более сложные задачи.
🚀 Основные моменты:
- Упражнения разделены на категории: графовые, конкретные и базовые.
- Каждое упражнение имеет три уровня сложности: начальный, средний и продвинутый.
- Проект включает объяснения и контекст для каждой задачи.
- Подходит для разработчиков, стремящихся улучшить свои навыки работы с промисами.
📌 GitHub: https://github.com/henriqueinonhe/promises-training
#javascript
Этот репозиторий предлагает практические упражнения для освоения промисов и асинхронного программирования. Он предназначен для разработчиков с базовыми знаниями, желающих углубить свои навыки и научиться решать более сложные задачи.
🚀 Основные моменты:
- Упражнения разделены на категории: графовые, конкретные и базовые.
- Каждое упражнение имеет три уровня сложности: начальный, средний и продвинутый.
- Проект включает объяснения и контекст для каждой задачи.
- Подходит для разработчиков, стремящихся улучшить свои навыки работы с промисами.
📌 GitHub: https://github.com/henriqueinonhe/promises-training
#javascript
❤10
FlyCut Caption — это React-компонент для распознавания речи и редактирования субтитров в видео.
🔍 Главное
- Локальное распознавание речи на базе Whisper
- Визуальное редактирование и синхронный предпросмотр
- Экспорт в SRT / JSON
- Кастомизация стилей и поддержка разных языков
👉 Репозиторий: https://github.com/x007xyz/flycut-caption
🔍 Главное
- Локальное распознавание речи на базе Whisper
- Визуальное редактирование и синхронный предпросмотр
- Экспорт в SRT / JSON
- Кастомизация стилей и поддержка разных языков
👉 Репозиторий: https://github.com/x007xyz/flycut-caption
👍8❤5
🚀 Интенсивный курс по JavaScript и веб-разработке
JSCamp — это bootcamp, который охватывает все от основ до продвинутых технологий JavaScript, включая HTML, CSS, Node.js и Docker. Участники создадут полноценный проект, применяя полученные знания, и получат доступ к видео и материалам на платформе JSCamp.dev.
🚀Основные моменты:
- Полный курс по JavaScript и веб-разработке
- Практический проект от начала до конца
- Доступ к видео и материалам на JSCamp.dev
- Опциональный сертификат и поддержка в Discord
- Обратная связь по CV и участие в воркшопах
📌 GitHub: https://github.com/midudev/jscamp
#javascript
JSCamp — это bootcamp, который охватывает все от основ до продвинутых технологий JavaScript, включая HTML, CSS, Node.js и Docker. Участники создадут полноценный проект, применяя полученные знания, и получат доступ к видео и материалам на платформе JSCamp.dev.
🚀Основные моменты:
- Полный курс по JavaScript и веб-разработке
- Практический проект от начала до конца
- Доступ к видео и материалам на JSCamp.dev
- Опциональный сертификат и поддержка в Discord
- Обратная связь по CV и участие в воркшопах
📌 GitHub: https://github.com/midudev/jscamp
#javascript
❤4🔥2👍1
🛡TypeScript: почему без него не обойтись фронтендеру?
Фронтенд-разработка уже не мыслится без TypeScript. Сегодня это стандарт, который фигурирует почти в каждой вакансии и позволяет писать код, где ошибки ловятся до запуска. На открытом уроке OTUS «TypeScript простым языком: зачем он нужен и как с ним подружиться» вы узнаете:
– зачем компании требуют TS и какую пользу он даёт;
– как типизировать примитивы, интерфейсы, функции и компоненты;
– как добавить типы в рабочий код и сразу увидеть результат.
❗️ Будет полезен разработчикам на JavaScript, React и Vue, а также всем, кто готовится к собеседованиям.
📆 Урок пройдет 8 октября в 20:00 МСК в преддверие старта курса «JavaScript Developer. Professional». Все участники получают скидку на обучение. 👉 Регистрируйтесь и приходите — это ваш шаг к сильному портфолио: *ссылка* https://otus.pw/Loi8/?erid=2W5zFFv2MNx
Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.
Фронтенд-разработка уже не мыслится без TypeScript. Сегодня это стандарт, который фигурирует почти в каждой вакансии и позволяет писать код, где ошибки ловятся до запуска. На открытом уроке OTUS «TypeScript простым языком: зачем он нужен и как с ним подружиться» вы узнаете:
– зачем компании требуют TS и какую пользу он даёт;
– как типизировать примитивы, интерфейсы, функции и компоненты;
– как добавить типы в рабочий код и сразу увидеть результат.
❗️ Будет полезен разработчикам на JavaScript, React и Vue, а также всем, кто готовится к собеседованиям.
📆 Урок пройдет 8 октября в 20:00 МСК в преддверие старта курса «JavaScript Developer. Professional». Все участники получают скидку на обучение. 👉 Регистрируйтесь и приходите — это ваш шаг к сильному портфолио: *ссылка* https://otus.pw/Loi8/?erid=2W5zFFv2MNx
Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.
❤3🖕2😁1
🛠️ Синхронизация Zustand хранилищ
🚀 Основные моменты:
- Легкая интеграция с Zustand
- Поддержка WebSocket для передачи данных
- Генерация и применение JSON Patch для обновлений
- Планы на расширение с дополнительными транспортными провайдерами
- Поддержка аутентификации и разрешения конфликтов
📌 GitHub: https://github.com/ryanntannn/zustand-sync
#typescript
zustand-sync
— это легковесное middleware для синхронизации Zustand хранилищ между несколькими клиентами с использованием JSON Patch. Идеально подходит для проектов на React, позволяя передавать изменения состояния через WebSocket.🚀 Основные моменты:
- Легкая интеграция с Zustand
- Поддержка WebSocket для передачи данных
- Генерация и применение JSON Patch для обновлений
- Планы на расширение с дополнительными транспортными провайдерами
- Поддержка аутентификации и разрешения конфликтов
📌 GitHub: https://github.com/ryanntannn/zustand-sync
#typescript
GitHub
GitHub - ryanntannn/zustand-sync: A simple, barebones "multiplayer" middleware for zustand
A simple, barebones "multiplayer" middleware for zustand - ryanntannn/zustand-sync
❤8
@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
👍9🤔2
Media is too big
VIEW IN TELEGRAM
МТС приглашает всех, кто пишет на С++, Go, Python, JS, Java, C# и других языках, на True Tech Champ — всероссийский чемпионат по программированию. Соревнование будет проходить в двух треках.
Трек 1. Алгоритмический. Индивидуальный зачет [призовой фонд 2 750 000 рублей]
Реши задачи, которые помогут прокачаться в работе с алгоритмами и структурами данных. Похожие задания встречаются на собеседованиях в МТС и других крупных компаниях. До 240 лучших участников попадут в финал и сразятся в лайв-кодинге.
Трек 2. Программирование роботов. Командный формат [призовой фонд 7 500 000 рублей]
Проведи робота по виртуальному лабиринту, затем управляй им дистанционно на офлайн-полигоне, а в финале — пройди испытания на реальной площадке и выбей соперников с платформы.
🎁 Организаторы отправят командам финалистов по одному роботу Waveshare Cobra Flex для кастомизации. После соревнований они останутся у участников в качестве подарка.
📍 Зрелищный шоу-финал с ИИ-технологиями, кодерскими челленджами и выступлениями международных и российских спикеров пройдет 21 ноября в МТС Live Холл.
Стоит участвовать, чтобы:
— Освежить знания и прокачать новые навыки.
— Заявить о себе на всю страну, получить карьерный буст и шанс лично пообщаться с HR-специалистами МТС.
⏰ Регистрация участников до 20 октября на сайте.
Трек 1. Алгоритмический. Индивидуальный зачет [призовой фонд 2 750 000 рублей]
Реши задачи, которые помогут прокачаться в работе с алгоритмами и структурами данных. Похожие задания встречаются на собеседованиях в МТС и других крупных компаниях. До 240 лучших участников попадут в финал и сразятся в лайв-кодинге.
Трек 2. Программирование роботов. Командный формат [призовой фонд 7 500 000 рублей]
Проведи робота по виртуальному лабиринту, затем управляй им дистанционно на офлайн-полигоне, а в финале — пройди испытания на реальной площадке и выбей соперников с платформы.
🎁 Организаторы отправят командам финалистов по одному роботу Waveshare Cobra Flex для кастомизации. После соревнований они останутся у участников в качестве подарка.
📍 Зрелищный шоу-финал с ИИ-технологиями, кодерскими челленджами и выступлениями международных и российских спикеров пройдет 21 ноября в МТС Live Холл.
Стоит участвовать, чтобы:
— Освежить знания и прокачать новые навыки.
— Заявить о себе на всю страну, получить карьерный буст и шанс лично пообщаться с HR-специалистами МТС.
⏰ Регистрация участников до 20 октября на сайте.
❤3🖕1
💡 Репозиторий, где собрано 100+ проектов с нуля - от веба до ИИ. Всё максимально практично 👇
- 100+ готовых проектов: сайты, игры, нейросети, тулзы
- Современные технологии: ReactJS, NodeJS, VueJS, Flutter, Unity, TensorFlow, OpenCV и другие
- Пошаговые гайды с разными уровнями сложности — подойдёт даже новичку
- У каждого проекта указан технологический стек
Без воды - только практика и понятные объяснения.
🚀 https://github.com/Xtremilicious/projectlearn-project-based-learning
- 100+ готовых проектов: сайты, игры, нейросети, тулзы
- Современные технологии: ReactJS, NodeJS, VueJS, Flutter, Unity, TensorFlow, OpenCV и другие
- Пошаговые гайды с разными уровнями сложности — подойдёт даже новичку
- У каждого проекта указан технологический стек
Без воды - только практика и понятные объяснения.
🚀 https://github.com/Xtremilicious/projectlearn-project-based-learning
❤6👍3
🎸 It's MyTabs: Your Self-Hosted Tab Viewer
It's MyTabs — это веб-приложение для просмотра и воспроизведения гитарных и басовых табулатур. Поддерживает синхронизацию с аудиофайлами и видео на YouTube, а также предлагает простой интерфейс и мобильную совместимость.
🚀 Основные моменты:
- Открытый исходный код (MIT License)
- Поддержка различных форматов табулатур
- Синхронизация с аудио и видео
- Многофункциональный MIDI синтезатор
- Настраиваемые режимы курсора
📌 GitHub: https://github.com/louislam/its-mytabs
#javascript
It's MyTabs — это веб-приложение для просмотра и воспроизведения гитарных и басовых табулатур. Поддерживает синхронизацию с аудиофайлами и видео на YouTube, а также предлагает простой интерфейс и мобильную совместимость.
🚀 Основные моменты:
- Открытый исходный код (MIT License)
- Поддержка различных форматов табулатур
- Синхронизация с аудио и видео
- Многофункциональный MIDI синтезатор
- Настраиваемые режимы курсора
📌 GitHub: https://github.com/louislam/its-mytabs
#javascript
🔥9❤2👍1
Forwarded from Machinelearning
Media is too big
VIEW IN TELEGRAM
🎮 На SQL Doom уже запускали, пришло время Chatgpt
Разработчик взял шаблон ChatGPT App на Next.js, добавил инструмент play_doom и задеплоил всё на Vercel.
Chatgpt не просто *описывает* игру, а реально запускает рабочий Doom прямо в чат:
серверный и клиентский рендеринг работают одновременно.
🟢 starter kit: http://vercel.com/templates/ai/chatgpt-app-with-next-js
@ai_machinelearning_big_data
#chatgpt #doom
Разработчик взял шаблон ChatGPT App на Next.js, добавил инструмент play_doom и задеплоил всё на Vercel.
Chatgpt не просто *описывает* игру, а реально запускает рабочий Doom прямо в чат:
серверный и клиентский рендеринг работают одновременно.
@ai_machinelearning_big_data
#chatgpt #doom
Please open Telegram to view this post
VIEW IN TELEGRAM
❤5🔥5👍2🥱1😐1
😨 Асинхронность в JavaScript — главный источник боли у разработчиков. Callback hell, ошибки в промисах, непредсказуемое поведение кода… знакомо?
❗️ На открытом уроке курса мы разложим по полочкам всю эволюцию подходов к асинхронности: от первых колбэков до современного Async/Await.
Вы научитесь работать с Event Loop, свободно комбинировать Promises и async-функции, обрабатывать ошибки правильно и писать код, который не ломается в продакшене. А ещё узнаете, как параллелить операции без ловушек и антипаттернов.
👉 Подключайтесь 20 октября в 20:00 МСК. Урок проходит в преддверие старта курса «JavaScript Developer. Professional». Все участники получат скидку на обучение. Регистрация открыта: https://otus.pw/xUAW/?erid=2W5zFHRXe88
Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.
❗️ На открытом уроке курса мы разложим по полочкам всю эволюцию подходов к асинхронности: от первых колбэков до современного Async/Await.
Вы научитесь работать с Event Loop, свободно комбинировать Promises и async-функции, обрабатывать ошибки правильно и писать код, который не ломается в продакшене. А ещё узнаете, как параллелить операции без ловушек и антипаттернов.
👉 Подключайтесь 20 октября в 20:00 МСК. Урок проходит в преддверие старта курса «JavaScript Developer. Professional». Все участники получат скидку на обучение. Регистрация открыта: https://otus.pw/xUAW/?erid=2W5zFHRXe88
Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.
🖕2🤣1
Автор статьи Loren Stewart пишет, что React больше не побеждает за счёт технологий - он побеждает по привычке разработчиков выбирать его.
Когда команда начинает новый проект, вопрос звучит не «что лучше под задачу?», а «какую версию React взять?».
Так рождается самоподдерживающийся цикл, где «дефолт» заменяет выбор.
Между тем фреймворки вроде Svelte, Solid и Qwik давно показывают архитектурные преимущества:
- Svelte компилирует реактивность на этапе сборки
- Solid даёт точечные обновления без виртуального DOM
- Qwik поднимает страницу мгновенно за счёт resumability
Но им редко дают шанс — React уже выбран заранее.
React стал экосистемой, которая добавляет всё новые абстракции (hooks, useEffectEvent, signals), чтобы закрыть слабости своего же подхода.
При этом API становится всё сложнее, кривая обучения растёт, а фронтенд застыл в привычной парадигме.
Вывод автора:
React победил не потому, что он лучший, а потому что он - самый безопасный выбор.
И пока индустрия выбирает комфорт, она теряет инновации.
Что думаете по этому поводу?
Please open Telegram to view this post
VIEW IN TELEGRAM
👍11❤4🔥1🤔1🕊1🥴1
🎹 Умный Keyer для удобного ввода текста
Keyer — это уникальная клавиатура с минимальным движением пальцев, позволяющая набирать текст одной рукой. Она поддерживает множество аккордов и арпеджио, а также предлагает оптимизированные раскладки для удобства. Легко собрать самостоятельно из доступных материалов.
🚀 Основные моменты:
- Минимальные движения пальцев для быстрой печати
- Возможность использовать вторую руку для других задач
- Эргономичный дизайн, подстраивающийся под форму вашей руки
- Долговечная работа от аккумулятора, до месяца без подзарядки
- Доступная стоимость сборки — менее 50 USD
📌 GitHub: https://github.com/mafik/keyer
Keyer — это уникальная клавиатура с минимальным движением пальцев, позволяющая набирать текст одной рукой. Она поддерживает множество аккордов и арпеджио, а также предлагает оптимизированные раскладки для удобства. Легко собрать самостоятельно из доступных материалов.
🚀 Основные моменты:
- Минимальные движения пальцев для быстрой печати
- Возможность использовать вторую руку для других задач
- Эргономичный дизайн, подстраивающийся под форму вашей руки
- Долговечная работа от аккумулятора, до месяца без подзарядки
- Доступная стоимость сборки — менее 50 USD
📌 GitHub: https://github.com/mafik/keyer
❤5😁5👍1🔥1