Фича в 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 | дать буст

> Angular httpResource

httpResource<any>(request options)

> Request URL

url: 'http://localhost:3000/api/gallery', // обязательно

> HTTP-метод

method: 'POST',

> Query-параметры

params: { type: 'short', status: 1 },

> Пользовательские HTTP-заголовки

headers: { 'Custom-Header': 'Test Mode' },

> Тело запроса

body: 'Test Body',

> Отслеживание прогресса

reportProgress: false,

> Передача куки/учётных данных

withCredentials: false,

Этот объект содержит опции запроса,
но только параметр url обязателен.

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

С nuxt_js можно использовать свойство context в объекте события (event), чтобы добавлять пользовательские данные в middleware — они станут доступны в серверных маршрутах.

Это удобно, например, для передачи информации об аутентификации или данных пользователя по всему приложению.

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

Guard canMatch в Angular — это реально мощно

Можно использовать один и тот же путь, но показывать разные страницы:

— если пользователь аутентифицирован — показываю dash
— если нет — auth

canMatch срабатывает и для дочерних маршрутов.
Минус: если canMatch возвращает false на дочернем пути, то происходит двойной запрос для получения данных пользователя.

Но мне такой подход нравится.
Помимо dash, можно повесить на тот же маршрут paywall или сделать умный onboarding — например, если пользователь должен сначала что-то пройти, прежде чем получить доступ к приложению.

Пока так и делаю. Если найду ещё подводные камни — напишу

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

Совет по Nuxt

Типизированные props — проще простого! Зацени:

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

Типизированные props без лишней боли

Вот как перестать усложнять props в Vue

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