Новый плагин для Chrome — Visual Agentic Dev. Главная фишка: клик-поиск + цикл правок через ИИ. Выделяешь элементы на странице, а агент (Claude Code, CCR или другой) сам вносит изменения, управляя терминалом. React-проектам заходит на ура, особенно с React 19.
#chrome #googlechrome #chromeextension #aiagent #ииагент #aitools #plugin #react #devnews
Одна из самых частых ошибок — игнорировать readonly. А потом ваш код попадает к другому разработчику, и начинаются проблемы. readonly защищает данные от случайных изменений и делает код предсказуемее. Как правильно его применять — в этом Shorts. Больше ошибок — в полной версии видео!
#typescript #ts #readonly #typescripttutorial #code #coding
Один разработчик за неделю полностью мигрировал Next.js на Vite с помощью AI. Получился Vinext — сборка до 4,4 раза быстрее, бандлы на 57% легче и полная совместимость с существующими проектами. Этот кейс показывает новую реальность: AI пишет код, а разработчикам нужно учиться строить архитектуру. Ближайшее будущее — взрывное развитие фреймворков, потому что теперь их создание не требует годов и команд энтузиастов.
#devnews #next #nextjs #vite #vinext #ai #ии #aidevelopment #framework
В Pencil.dev работает удобная штука: кликаете на любой блок интерфейса, и он сразу добавляется в контекст для AI. Дальше можно просто написать или продиктовать голосом: "эту штуку перемести вправо" или "сделай блок меньше" — и нейросеть сама вносит изменения прямо на холсте. Никаких долгих описаний и ручных правок. Просто выбрали блок, сказали что сделать, и готово. Хотите так же управлять дизайном? Смотрите в шортсе!
#pencildev #ai #ии #aidesign #aidesigntools #webdesign #ux #ui #prompt
Вышло большое и важное обновление Angular 21.2: в шаблонах наконец-то можно использовать стрелочные функции, а для @switch добавили строгую проверку типов через @default never. Фреймворк продолжает готовиться к переходу на OnPush по умолчанию, а сигнальные формы получили улучшения в работе с фокусом. Также обновление затронуло роутинг, анимации и другие части, делая разработку ещё удобнее. Подробнее — в шортсе!
#devnews #angular #angular21 #webdev #angularrelease #coding #code
Думаете, из Pencil.dev нельзя выгрузить готовый код? Можно, но нужен MCP-сервер. Подключаете его через терминал, например, с Claude — и дальше Pencil.dev начинает общаться с вашим проектом напрямую. Хотите сгенерировать компонент для Next, Nuxt, Angular или просто HTML-файл? MCP сам разложит код по нужным папкам в структуре проекта. Да, один раз настроить придётся, зато потом никакого ручного экспорта и копипаста. Как это работает — смотрите в шортсе!
#pencildev #mcp #html #ai #ии #aidesign #aidesigntools #webdesign
Вышел Go 1.26, в котором много интересных изменений. Теперь new работает не только с типами, но и с выражениями. Вместо errors.As, который вызывал рантайм-ошибку, теперь появился errors.AsType — можно спокойно и безопасно проверять каждый тип ошибок. Также стали лучше типизироваться рекурсивные типы. И ещё много других изменений. Смотри подробный разбор релиза в шортсе!
#devnews #go #golang #webdev #backend #programminglanguage #coding
Создание адаптивного дизайна в Pencil.dev— это просто переключение между режимами для десктопа, планшета и мобилки прямо на холсте. Все элементы перестраиваются автоматически благодаря встроенному auto layout, как в Figma. Никакой ручной подгонки: вы просто задаёте поведение блоков, а макет сам подстраивается под любой экран. При этом код генерируется сразу с правильной адаптивной логикой. Хотите увидеть, как это ускоряет работу? Смотрите в шортсе!
#pencildev #ai #ии #aidesign #aidesigntools #webdesign #responsivedesign #responsive #ux #ui
Electrobun v1 — новая альтернатива Electron для создания десктопных приложений. Всё те же привычные технологии: TypeScript, HTML и CSS, но с совершенно другим подходом к производительности. Если Electron поставляется с целым браузером, то Electrobun использует системный WebView, нативный код на C++, Objective-C и Zig, а в качестве бэкенда — Bun. Результат: приложения весят всего 14 мегабайт (вместо сотен), запускаются за 50 миллисекунд, а обновления — это микро-патчи по 14 килобайт. И всё это с первой версии под macOS, Windows и Linux.
#bun #electron #electrobun #desktop #desktopapp #devnews #framework #typescript #ts
В Pencil.dev переменные работают так же, как в коде, но управляете вы ими прямо на холсте, как в Figma. Создали цвет, отступ или шрифт один раз — присвоили переменную и меняете значение во всём проекте мгновенно. Иконки, кнопки, карточки — всё подтягивается автоматически. При этом переменные живут в Git вместе с кодом, синхронизируются с CSS и не теряются при экспорте. Дизайн становится гибким, а правки — предсказуемыми. Как это ускоряет работу — показываю в шортсе!
#pencildev #pencil #mcp #ai #ии #aidesign #aidesigntools #webdesign #variables
Вышел State of React Native 2025! В этом видео разбираем главные тренды роутинга: React Native Navigation падает, Expo Router стал стандартом, и на каком месте оказался новый игрок Screens (react-native-screens)? Смотри, чтобы не отставать от индустрии и пиши в комментах, что ты используешь для навигации.
#react #reactnative #reactnavigation #reactnativenavigation #reactrouter #exporouter #reactnativescreens #expo #devnews #routing
Представляете, править дизайн так же просто, как оставить записку? В Pencil.dev клеите стикер с текстом «сделай кнопки больше» — и нейросеть мгновенно вносит правки. Это работает как промпты, но без переключений в чат. При этом сам Pencil.dev выглядит как Figma: слои, CSS, перетаскивание мышкой. Но главное — он встроен прямо в редактор кода, объединяя дизайн и вёрстку в одном месте. А все правки уходят в Git вместе с кодом. Подробнее — в шортсе
#pencildev #pencil #mcp #ai #ии #aidesign #aidesigntools #webdesign #stickynotes
Новый инструмент Pencil.dev объединяет привычный интерфейс Figma с мощью MCP-сервера. Это плагин для Cursor и VS Code, который добавляет в редактор бесконечный холст с инструментами, знакомыми каждому дизайнеру. Вы просто набрасываете интерфейс мышкой, а нейросеть через MCP на лету превращает его в чистый код. Работает и как отдельное приложение, и как расширение. А все детали — смотрите в этом шортсе!
#pencildev #pencil #mcp #ai #ии #aidesign #aidesigntools #figma #webdesign
Almostnode — это Node.js полностью в браузере, без сервера. Ставь npm-пакет и запускай Next.js, Vite или Express на любой HTML-странице. Всё работает в песочнице — своя файловая система, 40+ модулей Node.js (fs, http, crypto), установка любых npm-пакетов и HMR. Весит всего 250 КБ, стартует мгновенно. Идеально для демок, туториалов и AI-агентов, которым нужно гонять код без бэкенда.
#devnews #node #nodejs #webcontainers #almostnode #express #nextjs #npm #browser #webdev
Главные выводы State of JS 2025 — всего за минуту. TypeScript официально победил: большинство разработчиков пишут на нём, а чистый JS остаётся только для мелочей. AI-инструменты теперь не игрушка, а реальный рабочий инструмент — процент использующих вырос в разы. И да, Next.js всё ещё в топе и не собирается сдаваться. В шортсе собрали самое главное из огромного отчёта, чтобы ты был в курсе трендов без лишней воды. Смотри и пиши в комментах — пользуешься тем, что в топе, или идёшь своим путём?
#stateofjs #javascript #typescript #ts #nextjs #ai #js #ии #it #webdev
Вышла vue-scrollama v3 — библиотека для Vue 3, чтобы делать истории с анимацией при скролле. Можно использовать готовый компонент, ловить события входа и прогресс, всё работает из коробки. Для Nuxt нужен ClientOnly. В общем, если хочешь модный scrollytelling — забирай.
#vue #vuejs #frontend #devnews #scroll #scrollytelling #js #nuxt
JavaScript хорош, но не идеален — и разработчики часто поглядывают на другие языки. State of JS 2025 опросил десятки тысяч программистов и выяснил, какие non-JS языки они используют чаще всего. Python, Rust, Go, Java, C#, PHP, Swift — у каждого своя ниша и свои преимущества, которых иногда не хватает в JS. В свежем опросе видно, кто набирает обороты, а кто остаётся надёжной классикой. Пиши в комментах — на чём пишешь кроме JavaScript?
#stateofjs #python #bash #java #rust #go #php #языкипрограммирования #программирование #webdev #coding
React Doctor — это диагностический инструмент, который одной командой сканирует ваш React-проект и ставит ему оценку здоровья от 0 до 100. Он проверяет код по 60+ правилам: безопасность, производительность, архитектуру, доступность, мёртвый код и даже специфику фреймворков вроде Next.js и React Native. Результат — подробный список проблем с указанием файлов и строк. Можно запустить локально, добавить в GitHub Actions, или научить своего ИИ-ассистента автоматически править код.
#reactdoctor #react #javascript #webdev #codequality #developertools #debugging #codereview #devnews
Искусственный интеллект уже не эксперимент, а повседневный инструмент для тысяч разработчиков. State of JS 2025 опросил десятки тысяч программистов и выяснил, сколько из них реально пишут код с помощью AI. Цифры показывают, что использование выросло в разы по сравнению с прошлыми годами. Смотри, чтобы понять главные тренды, и пиши в комментах — ты уже используешь AI в работе или пока присматриваешься?
#stateofjs #ai #ии #aicoding #coding #vibecoding #it #code #webdev
Вышла бета-версия Oxfmt — это Rust-инструмент для форматирования кода из экосистемы Oxc, полностью совместимый с Prettier, но работающий в 30 раз быстрее. Он проходит 100% тестов Prettier на совместимость с JavaScript и TypeScript, поддерживает кучу форматов от JSON и HTML до Vue и Markdown, а из коробки умеет сортировать импорты и Tailwind CSS классы. Крупные проекты вроде Vue.js, Turborepo и Sentry уже используют его. Миграция с Prettier делается одной командой.
#oxfmt #oxc #rust #javascript #typescript #webdev #prettier #coding #programming #devnews #formatter