PurpleSchool

Режим Watch в Hunk автоматически обновляет ревью при каждом изменении в рабочей директории. Запускаете hunk diff --watch — и больше не нужно перезапускать просмотр руками. Сохранили файл — интерфейс обновился сам. А если нужно принудительно перезагрузить — клавиша r для reload файлов. Идеально для итеративной работы с кодом: правите, смотрите, правите дальше — всё в одном окне терминала. Подробный разбор — в полном видео по ссылке! #hunk #aicoding #codereview #кодревью #developertools #terminal #utility #aiagents

Раньше, чтобы отправить сложный поисковый запрос, разработчикам приходилось выбирать между двумя неидеальными вариантами. GET — параметры в URL, которые быстро превращали адрес в километровую строку с ограничениями по длине, а параметры попадали в логи и историю браузера. POST — можно передать данные в теле запроса, но он считается небезопасным и неидемпотентным: прокси и кеши не знают, что запрос только читает данные, поэтому не кешируют ответы и не могут автоматически повторить его при ошибке. В июне 2026 года IETF официально утвердил новый метод — QUERY. Он работает как POST — данные в теле запроса, без ограничений по длине. Но при этом он безопасный и идемпотентный, как GET — его можно кешировать и автоматически повторять. Это заполнило пробел, который существовал в HTTP долгие годы. Сохраняй — пригодится! #http #httpquery #httppatch #httpget #httppost #api #url #hypertexttransferprotocol #webserver

Hunk — это TUI-утилита для ревью изменений в терминале. Зачем она нужна? Мой процесс строится вокруг AI-агентов: сначала PRD, потом план, затем имплементация через Claude, Codex или OpenCode. После каждого этапа я открываю Hunk. Он помогает ревьюить план, PRD и код. Главное — Hunk работает в связке с агентами, которые действуют через терминал, и позволяет оставлять заметки прямо в процессе ревью. Это держит всё под контролем. Подробный разбор — в полном видео по ссылке 👆 #hunk #aicoding #codereview #кодревью #developertools #terminal #utility #aiagents #aicodereview #pr #prd

Раньше, чтобы отменить запрос и по таймауту, и по клику на кнопку, приходилось городить костыли — вешать обработчики на каждый сигнал и вручную управлять отменой. Всё это было больно и громоздко. Теперь есть AbortSignal.any() — встроенный веб-стандарт, который работает в Firefox и Chrome. Он объединяет несколько источников отмены в один сигнал. Подставь его в любой fetch с таймаутом, и вся лишняя логика просто исчезает. Чисто, просто, по-современному. Сохраняй — пригодится! #AbortSignal #AbortSignalany #JavaScript #JS #async #fetch #frontend #webdev #coding #programming #codingtips

Закончили задачу с AI-агентом по улучшению безопасности проекта и хотите быстро проверить, что он там наделал? Вместо того чтобы открывать Neovim и разбираться с diff'ами, просто запустите hunk diff в соседнем терминале. Hunk покажет все изменения, навигация — как в Vim, через j/k или скобки для пролистывания блоков. Но это только начало. Главное преимущество Hunk — аннотации и комментарии, которые позволяют общаться с агентом прямо в терминале. Как это работает — смотрите в полном видео по ссылке 👆 #hunk #aicoding #codereview #кодревью #developertools #terminal #utility #aiagents #aicodereview

Octane — это новый UI-фреймворк от создателя Inferno Доминика Ганнауэя, который компилирует React-компоненты в нативные DOM-операции без виртуального DOM. Ты пишешь обычный React-код — хуки, Suspense, контекст — а Octane превращает его в высокопроизводительный код без правил хуков и без ручного управления зависимостями в эффектах. Компилятор сам понимает, что захватывают твои замыкания, и генерирует реактивность за тебя. Поддерживает TSX, JSX и даже новый диалект TSRX с шаблонными директивами вроде @if и @for. Проект уже в альфе, а бета обещана скоро. В экосистеме — 53 готовых биндинга к популярным библиотекам: zustand, tanstack-query, radix, shadcn и даже react-three-fiber. Можно внедрять компонент за компонентом в существующее React-приложение через OctaneCompat. Мы разобрали Octane в большом выпуске новостей — ссылка в описании канала. А ты готов отказаться от виртуального DOM ради скорости? Пиши в комментариях. #devnews #octane #octanejs #react #js #javascript #uiframework #frontend #ui #webdev

Tapflow — это self-hosted альтернатива Appetize и BrowserStack для стриминга iOS и Android симуляторов в браузере. Больше никаких "а как мне запустить билд?", "установи Xcode", "у меня нет Mac". Ты просто поднимаешь relay-сервер на Linux или Mac, подключаешь к нему Mac-агенты с симуляторами, и вся команда — бэкенд, тестировщики, дизайнеры, продакты — заходят в браузер и видят живые симуляторы. Можно тапать, свайпать, зумить, записывать сессии, загружать билды и даже управлять через ИИ. Данные не уходят в облако — всё на своей инфраструктуре. Установка — две команды, бесплатно, MIT. А ты платишь BrowserStack или возишься с Xcode ради пары тестов? Пиши в комментариях! #devnews #tapflow #appetize #browserstack #android #ios #qa #mobiledev #apptesting #emulator #qatools

Takumi — это высокопроизводительный движок рендеринга на Rust, который превращает JSX, HTML и любые деревья узлов в изображения. В отличие от headless-браузеров, которые потребляют около 300 МБ RAM на каждый запуск, Takumi делает это за один вызов функции — без браузера и без лишних затрат. Работает везде: Node.js, Cloudflare Workers, браузеры, любые Rust-приложения. Поддерживает CSS Grid, Flexbox, маски, clip-path, backdrop-filter, RTL-текст, Tailwind v4, анимации и даже background-clip: text. Можно рендерить PNG, JPEG, WebP, GIF, APNG, ICO — статику и анимацию. Среди пользователей: TanStack, Nuxt OG Image, Fumadocs, Dcard. И да — вышла вторая версия, которая улучшила стабильность, производительность и поддержку форматов. А ты уже используешь что-то подобное для генерации OG-картинок или всё ещё поднимаешь браузер? Пиши в комментариях. #devnews #takumi #rust #imagegeneration #html #css #jsx #imagerendering #opengraph

Vite+ — это универсальная тулза от VoidZero, которая объединяет всю экосистему вокруг Vite в едином CLI. Никаких десятков конфигов и зависимостей — только vp и один vite.config.ts. Внутри уже есть Vite 8 с Rolldown — сборка в разы быстрее, Vitest для тестов, Oxlint для линтинга до 100 раз быстрее ESLint и Oxfmt для форматирования. Плюс встроенный кешируемый таск-раннер для монорепы — как Turbo, но без лишней конфигурации. И всё это под MIT-лицензией и уже в бете. А ты уже пробовал или пока присматриваешься? Пиши в комментариях и подпишись, чтобы не пропустить разборы других инструментов! #shorts #devnews #vite #viteplus #voidzero #void0 #vitest #rolldown #oxc #frontend #js #javascript

Аудит завершён. Dynamic Workflows в Claude Code показал, сколько токенов было потрачено на проверку всей кодовой базы. Когда стоит его использовать? Для огромных проектов, рефакторингов и масштабных аудитов — это идеальный инструмент. Моя рекомендация: включайте Dynamic Workflows, когда задача объёмная, и вы хотите сэкономить время. Если проект маленький — лучше обойтись одним агентом. Но для крупных задач — это мощь. #claudecode #claude #dynamicworkflows #subagents #aiagents #codeaudit #ultracode #shorts

Вышла npm v12 — и это крупнейшее изменение безопасности в экосистеме за последние годы. Раньше достаточно было запустить npm install, и любой пакет в твоей зависимости мог выполнить произвольный код на твоей машине через preinstall, install или postinstall скрипты. Этим активно пользовались злоумышленники — например, червь Shai-Hulud или атака на eslint-config-prettier. В npm 12 всё иначе: install-скрипты теперь отключены по умолчанию. Git-зависимости и зависимости из удалённых URL — тоже. Вместо автоматического доверия — ручное одобрение через команду npm approve-scripts. Ты сам решаешь, каким пакетам можно запускать код при установке. Да, придётся один раз пройтись по проекту и утвердить нужные пакеты. Но цена ошибки стала намного ниже. Мы разобрали npm v12 и другие новости в большом выпуске — ссылка в описании. Ты уже обновился или ждёшь? Пиши в комментариях. Подпишись, чтобы не пропустить разборы других инструментов! #devnews #shorts #npm #npm12 #packagemanager #javascript #js #npmsecurity

Задача Dynamic Workflows в Claude Code — сделать аудит огромной кодовой базы. Dynamic Workflows разбил её на фазы: бэкенд-архитектура, фронтенд-архитектура, Bug Hunt и Security Audit. Над каждой фазой работают несколько агентов. Например, бэкенд-архитектуру проверяют 7 агентов: auth+billing, character+template+voice, studio-carousel, studio-video, planner, referral, module-boundaries. Дальше в очереди — фронтенд, Bug Hunt и Security Audit. Каждый агент работает со своим контекстом. Можно инспектировать промпты и видеть, что читает каждый агент. Прогресс в реальном времени: 0 из 7, 1 из 7, и так до завершения. Всё прозрачно, каждый шаг под контролем. #claudecode #claude #dynamicworkflows #subagents #aiagents #codeaudit #ultracode #shorts

Dynamic Workflows в Claude Code запустил 34 агента-искателя, которые провели полный аудит монорепы: API, фронтенд, контракты, безопасность и поиск багов. Агенты работали параллельно, каждый в своей зоне. Всё, что они нашли, собралось в единый финальный отчёт с ранжированными проблемами, критичностью уязвимостей и рекомендациями. Никакого хаоса — только структурированный результат. #claudecode #claude #dynamicworkflows #subagents #aiagents #codeaudit #ultracode #shorts #monorepo

Sniffler — это инструмент от Callstack, который сам находит, какие E2E-тесты нужно запустить после твоих изменений в коде. В больших проектах с сотнями тестов запускать всё — это терять часы впустую. А пытаться угадать, что сломалось, — верный способ пропустить баг. Sniffler анализирует граф зависимостей в твоём TypeScript/JavaScript проекте, смотрит, какие файлы изменились, и вычисляет, какие тесты могут на это повлиять. Всё — через простые команды вроде sniffler run --uncommitted. Работает в монорепаках, с Git-диффами, понимает TSConfig path aliases, package exports и даже React Native платформы (android/ios) с их расширениями. Ты больше не запускаешь все тесты на CI, а только те, которые реально нужны. Мы разобрали Sniffler в большом выпуске новостей — ссылка в описании. А ты ещё запускаешь все тесты подряд или уже используешь что-то подобное? Пиши в комментариях. #devnews #sniffler #e2e #тестирование #callstack #e2etesting #endtoendtesting #frontend #webdev

В терминальном мультиплексоре Herdr можно устанавливать плагины из маркетплейса — достаточно одной команды. Среди всех выделяются два, которые реально облегчают работу. herdr-file-viewer — просмотр файлов и диффов прямо в терминале. Дерево проекта + панель с содержимым, подсветка синтаксиса, рендеринг Markdown. herdr-reviewr — код-ревью для AI-агентов. Комментируете дифф агента, отправляете комментарии обратно, агент их видит и может исправить код. Оба плагина работают прямо в терминале, не выходя из мультиплексора. #Herdr #Plugins #DevTools #CodeReview #Shorts #terminal #tmux #terminalmultiplexer

Помнишь Vinext — тот смелый эксперимент Cloudflare, где Next.js переписали на Vite с помощью ИИ за неделю? Так вот, он вышел в бета! Это больше не просто Proof of Concept. Vinext 1.0.0-beta — это уже полноценный инструмент, который покрывает ~94% API Next.js 16. Работают App Router, Server Components, Server Actions, ISR, Middleware — почти всё, к чему ты привык. А главное — ты можешь запустить npx vinext init в любом существующем Next.js проекте, и он заработает на Vite. Сборка быстрее, бандлы меньше, а деплоить можно куда угодно — хоть на Cloudflare Workers, хоть на любой VPS через Nitro. Да, это всё ещё бета, и не всё идеально — например, статический пререндеринг пока не работает как в Next.js. Но проект живёт, развивается и уже используется в продакшене на некоторых сайтах. Мы разобрали все детали релиза в большом выпуске новостей — ссылка в описании канала. А ты уже попробовал Vinext или пока присматриваешься? Пиши в комментариях. Подпишись, чтобы не пропустить разборы других инструментов — впереди Vite+, npm v12 и Tapflow. #vinext #nextjs #vite #cloudflare #вебразработка #фронтенд #webpack #turbopack #frontend #shorts

Git Bisect — это команда для бинарного поиска коммита, который внёс баг. Она помогает быстро найти виновника, когда код перестал работать, а вы не знаете, в каком коммите проблема. Просто указываете плохой коммит (где баг есть) и хороший (где бага нет), а Git сам сужает круг поиска, переключаясь между коммитами, пока не найдёт виновный. Экономит часы ручного перебора. Частый вопрос на собеседованиях. Сохраняй — пригодится! #git #gitbisect #debugging #programming #coding #developer #shorts #learngit #devops

Reassure — это инструмент для автоматического тестирования производительности React и React Native приложений. Он работает как обычный Jest-тест, но вместо проверки логики он замеряет время рендера компонентов и количество перерисовок. Ты пишешь один раз тест, запускаешь его на CI, и Reassure сам сравнивает текущую производительность с эталонной — например, с главной веткой. Если после твоего рефакторинга компонент стал рендериться на 15% дольше, Reassure покажет это в отчёте и упадет в пул-реквесте. Не нужно гадать, не нужно профайлить вручную — просто цифры и статистика. Мы подробно разобрали все фичи последней версии в большом выпуске новостей — ссылка в описании канала. А ты уже сталкивался с тем, что не замечал регресс производительности до продакшена? Пиши в комментариях, как ты обычно отслеживаешь скорость работы интерфейсов. Подпишись, чтобы не пропустить разборы других крутых инструментов из выпуска! #react #reactnative #reactjs #reassure #frontend #webdev #perfomancetesting #testing #componenttesting #reacttesting

У нас огромная кодовая база: API, фронтенд, контракты. Нужно сделать архитектурный аудит, проверить безопасность фронтенда и найти баги по всему проекту. Dynamic Workflows сначала анализирует запрос, разбивает задачу на части и планирует работу. Итог — запускает 28 параллельных агентов-искателей. Каждый ищет проблемы в своей зоне, проверяет код, находит уязвимости. Вместо недель ручной работы — минуты автоматического аудита. 28 агентов, одна задача, чистый результат. #claudecode #claude #dynamicworkflows #subagents #aiagents #codeaudit #ultracode

Tree Shaking — это удаление мёртвого кода из сборки. Но иногда он не срабатывает. Главная причина — side effects: если в модуле есть побочные эффекты (например, изменение глобальных переменных, полифиллы), сборщик не может безопасно удалить код. Другие причины: неправильная настройка sideEffects в package.json, использование CommonJS вместо ES-модулей, динамические импорты. В этом шортсе объясняю, как это починить. Сохраняй — пригодится! #treeshaking #webpack #vite #rollup #javascript #frontend #coding #js #bundler