Новая фишка в Chrome DevTools — теперь можно аннотировать перформанс-трейсы с помощью Gemini

Разрабы из Google прикрутили ИИ прямо в инструменты производительности: кликаешь два раза по ивенту в Main-треке, жмёшь «Generate label», и Gemini на основе стека вызовов и контекста подсказывает, что там вообще происходит

Фича полезная, особенно для глубокого разбора. Стоит попробовать ✌️

Работает с версии Chrome 137

👉 Гайды по JavaScript | дать буст

Angular v20 уже доступен

Ознакомьтесь с блогом, чтобы узнать о новых фишках, и не пропустите премьеру ивента для разработчиков — уже завтра, 29 мая в 9:00 по тихоокеанскому времени

> https://blog.angular.dev/announcing-angular-v20-b5c9c06cf301?gi=ae8c9249e332

👉 Гайды по JavaScript | дать буст

улучшенная реализация typeof, используемая в Zod для человеко-понятных сообщений об ошибках

👉 Гайды по JavaScript | дать буст

JavaScript — это широко используемый язык программирования, а значит, он является основной целью для атакующих.

Поэтому важно убедиться, что ваши JS-приложения защищены.

В этом руководстве автор рассказывает о распространённых уязвимостях и о том, как защитить свой код.

https://freecodecamp.org/news/how-to-secure-javascript-applications/

👉 Гайды по JavaScript | дать буст

Крутой трюк: используй тип never в TypeScript, чтобы отлавливать необработанные случаи.

👉 Гайды по JavaScript | дать буст

Прощай, Math.random()

В JavaScript появилась новая предложенная возможность — добавить объект Random в сам язык.

Он включает множество методов для генерации случайных значений

👉 Гайды по JavaScript | дать буст

Когда-нибудь замечал символы ^ или ~ в package.json и просто их игнорировал?

Эти маленькие значки тихо управляют обновлениями твоего приложения — и могут стать разницей между плавным обновлением и ломающим всё багом.

🔹^ (крышка): разрешает минорные и патч-обновления
→ ^18.3.1 обновится до 18.4.x, но не до 19.0.0

🔹~ (тильда): разрешает только патч-обновления
→ ~18.3.1 обновится до 18.3.2, но не до 18.4.0

👉 Гайды по JavaScript | дать буст

Формы во Vue выводят из себя?

Вспомни про useField

На картинке — чистая валидация с vee-validate

👉 Гайды по JavaScript | дать буст

Прокачай SEO своего Nuxt-приложения

Динамическое SEO стало проще с useHead

👉 Гайды по JavaScript | дать буст

Фича в Chrome DevTools — с помощью Gemini (это ИИ-моделька гугла) можно править CSS прямо в Elements и сразу сохранять изменения в исходники

Никакого копипаста между браузером и редактором. Внес правку — она тут же в проекте. Плюс — можно тестить на лету

👉 Гайды по JavaScript | дать буст

TypeScript: ключевые слова as и satisfies

> as — это утверждение типа. Оно говорит компилятору рассматривать значение как указанный тип, даже если оно фактически ему не соответствует.

> satisfies проверяет, соответствует ли значение заданному типу, не сужая тип и не удаляя лишние свойства.

👉 Гайды по JavaScript | дать буст

Синтаксис TypeScript часто вдохновлён JavaScript.

В некоторых случаях TS использует тот же самый синтаксис, но с другим назначением.

В чём разница?

🔹JS-фичи работают со значениями
🔹TS-фичи работают с типами

Вот несколько примеров:

Динамическое освещение с помощью CSS и всего 4 строки JavaScript:

https://codepen.io/amit_sheen/pen/gbbzbeR

👉 Гайды по JavaScript | дать буст

В middleware роутера в nuxt_js нельзя просто так делать throw ❌

Вместо этого ошибку нужно передать в abortNavigation() и вернуть результат как Promise ✔️

👉 Гайды по JavaScript | дать буст

Я обожаю type-safe параметры поиска в Tanstack Router.

✅ Поддержка автодополнения
✅ Zod-схема валидирует параметры
✅ Логика валидации параметров централизована вместе с маршрутом, а не разбросана по приложению
✅ Иерархичность — дочерние маршруты могут добавлять дополнительные параметры

👉 Гайды по JavaScript | дать буст

Это симуляция частиц на Three.js — одно из самых потрясающих зрелищ, что я когда-либо видел

Вот почему я обожаю веб — за бесконечную свободу творчества и визуальную магию, которую он даёт.

🔗 holtsetio.com/lab/flow

👉 Гайды по JavaScript | дать буст

В следующей версии Bun

Вы можете передавать файлы непосредственно маршрутам в Bun.serve()

👉 Гайды по JavaScript | дать буст

Хочешь реализовать drag & drop в веб-приложении?

Вот библиотека, проверенная временем и тысячами разработчиков — работает стабильно, легко внедряется и просто спасает.

Если хочешь добавить перетаскивание — это мастхэв

👉 Гайды по JavaScript | дать буст