Vite обогнал React по использованию, Hono и Bun ворвались в S-тир с 90% удовлетворенности, а Next.js снова всех разделил — его и любят, и ненавидят больше всех. В шортсе — полный разбор тир-листа State of JS 2025: кто взлетел, кто просел, а кто неожиданно оказался в топе. Смотри, чтобы знать, какие библиотеки точно стоит добавить в свой стек, и пиши в комментах свой тир-лист!
#js #javascript #frontend #backend #frameworks #bun #hono #nextjs #vite #vitest
Partial хорош, но не всегда. Иногда нужно, чтобы одни поля оставались обязательными, а другие стали необязательными. На помощь приходит утилитарный тип — PartialExcept. В шорсте показываю реализацию и пример использования.
#typescript #ts #typesafety #partial #partialexcept #typescripttutorial #typescripttips #utilitytypes
Главный опрос года State of AI среди разработчиков вышел! Кто занял трон, пока все спорили про галлюцинации? Спойлер: интрига есть. В этом шортсе разбираем рейтинг популярности нейросетей: почему ChatGPT все еще на вершине, но Claude дышит в спину, и кто занял почетное третье место. Смотри, чтобы не отставать от мира ИИ!
#chatgpt #claude #ai #ии #stateofai #aimodels #llm #artificialintelligence #aicoding #devnews
Одна из частых ошибок в TypeScript — писать лишний код там, где можно обойтись встроенными утилитарными типами. Partial делает все поля объекта необязательными, Omit удаляет ненужные. Показываю на примере, как они упрощают типизацию. Больше ошибок — в полном видео!
#typescript #ts #typesafety #partial #omit #typescripttutorial #typescripttips #utilitytypes
Галлюцинации, неточности, сложность интеграции, непредсказуемость — это лишь часть проблем, с которыми сталкиваются разработчики при работе с AI-моделями. В этом шортсе — полный разбор свежего опроса State of AI 2025. Собрали главные боли в один рейтинг, чтобы вы видели полную картину. А какая проблема для вас самая болезненная? Пишите в комментариях!
#ai #ии #aimodels #aiproblems #aihallucinations #aidevelopment #artificialintelligence #stateofai
Типизируешь объекты в TypeScript через object или {}? Это ошибка! Такие типы слишком широкие и не защищают от ошибок. Вместо них используйте Record﹤string, unknown﹥. Почему так — показываю в шортсе!
#typescript #ts #typesafety #typescripttutorial #typescripttips #code #coding
Перенести макет из Figma в Pencil.dev можно простым Ctrl+C, Ctrl+V. Копируете фреймы, слои, целый экран — и вставляете прямо на холст Pencil.dev. Все отступы, фреймы, Auto Layouts и стили сохраняются один в один. Никаких экспортов, плагинов и перерисовок. Дальше макет становится не просто картинкой, а полноценным проектом, где AI помогает довести его до кода. Как это работает — показываю в шортсе!
#pencildev #figma #figmadesign #ai #ии #aidesign #aidesigntools #webdesign #ux #ui
Ошибка — использовать as там, где нужен satisfies. as явно приводит тип, теряя информацию. satisfies же проверяет структуру, но не меняет тип. Особенно полезно с as const — типы становятся узкими, а проверка остаётся. Смотри пример в Shorts. Другие ошибки в TypeScript — в полном видео!
#typescript #ts #satisfies #asconst #typescripttutorial #typescripttips #code #coding
Новый плагин для 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