Синтаксис @defer в Angular — настоящая революция для производительности

Загружайте компоненты только тогда, когда они действительно нужны, с точным контролем:

@defer (on viewport) {
  <heavy-component />
} 
@placeholder {
  <loading-spinner />
}

Отдельные бандлы, кастомные триггеры и умная предзагрузка — ваши приложения станут быстрее

Хотите узнать все фишки @defer, включая пользовательские триггеры и работу с SSR? Загляните в полный гайд

🔗 https://blog.angular-university.io/angular-defer/

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

Совет по JavaScript

Можно разбить строку одновременно по запятым и точкам с запятой, используя метод split() вместе с регулярным выражением

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

JavaScript: Самый простой способ разбивать массивы на куски

Посмотрите на пагинацию на стороне клиента в действии

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

Воспроизведение звуков в JS — плёвое дело:

🔸 Создаём Audio, кидаем туда путь к файлу
🔸 Вызываем метод play()

Обратите внимание, что здесь мы создаём только один экземпляр Audio и переиспользуем его, а не создаём новый каждый раз

Также доступны различные методы для паузы, продолжения, остановки, перемотки и т.д.

Этот способ воспроизведения сработает только после взаимодействия юзера со страницей.

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

Легко определяйте лица на JavaScript

Бессерверный, 100% в браузере.

- > npm i face-api.js

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

Если вы хотите работать с IntersectionObserver с помощью RxJS, просто используйте эту функцию для преобразования его в Observable

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

Простой, но важный совет по Vue

Нет нужды оборачивать статичные данные в ref или reactive, чтобы использовать их в шаблоне!

Если данные не меняются, достаточно обычной переменной.

Меньше отслеживания реактивности → ниже расход памяти → выше производительность

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

Совет по Vue для тебя

useStorage возвращает ref, который автоматически синхронизируется с localStorage.

Используй его в формах — и пользователи увидят свои введённые данные уже заполненными, даже если перезагрузят страницу или вернутся позже

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

Как работает Git: Поймите основы

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

JavaScript - setTimeout против setInterval

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

Библиотека для создания многошаговых форм

Работает с React, Vue и Svelte.

Всё, что нужно — это JSON для настройки:

https://github.com/damianricobelli/stepperize

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

Обработка вебхуков Clerk в Next.js:

Вот как с минимальным количеством кода автоматически синхронизировать данные пользователей с вашей базой данных при их создании, обновлении или удалении

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

Первое правило чистого кода: называйте вещи четко и описательно.

Вот пример плохого именования по сравнению с хорошим

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

В JavaScript нет нативной обработки ошибок как в Go, но можно имитировать Go-стиль возврата [value, error] с помощью простой обёртки.

Больше никакого захламления try/catch повсюду

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

Фри курс по Node.js с нуля!

Бесплатно и более 8 часов контента

✓ Создание REST API
✓ Ошибка CORS и её решение
✓ Паттерны проектирования + архитектура MVC
✓ Express + базы данных MySQL
✓ WebSockets + чат в реальном времени

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

TypeScript

Интерфейсы и типы

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

Прощай, document.cookie. Привет, CookieStore

Современный, асинхронный и наконец-то адекватный API для работы с куками

🔸Чистые и интуитивно понятные методы для чтения и записи cookie
🔸Встроенная обработка событий изменения cookie
🔸Асинхронные операции, не блокирующие главный поток
🔸Эффективная работа с несколькими cookie

Уже доступно в Chrome, Firefox, Safari и Edge.

Подробности ищите в документации MDN

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

Один из лучших Web Component'ов, что существуют

Показывает относительное время — суперпросто и с поддержкой нескольких языков.

✓ Работает в React, Angular, Svelte, Vue и других
✓ Весит всего 5KB

Создан GitHub — используется у них на сайте

→ http://github.com/github/relative-time-element

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

Повысьте свой уровень владения TypeScript с помощью этих типов утилит

Посмотрите в действии

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