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

Шаблоны захламлены кучей v-if и v-else, чтобы выбрать, какой компонент отобразить? Наведи порядок с помощью динамических компонентов

В этом примере переменная activeTab теперь хранит не строку, а сам компонент, так что можно просто написать:

<Component :is="activeTab" />

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

linkedSignal() в Angular — недостающее звено в реактивности, основанной на сигналах!

1. Изменяемый, как обычный signal
2. Реактивный, как computed
3. Идеально подходит для таких сценариев, как сброс форм и управление состоянием

Больше никаких неудобных обходов через effect()!

Посмотри, как это работает: 👇

const quantity = linkedSignal({
  source: () => ({ courseCode: this.selectedCourse() }),
  compute: ({ courseCode }, previous) => {
    const course = this.courses.find(c => c.code === courseCode);
    return course ? course.defaultQuantity : previous ?? 1;
  }
});

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

Это было написано на JavaScript. Потрясающе!

Demo: http://my-room-in-3d.vercel.app
Code: http://github.com/brunosimon/my-room-in-3d

Наслаждайтесь!

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

Брутальная библиотека для Drag & Drop на JavaScript!

✓ Работает с React, Vue, Angular и Svelte
✓ Используется в Trello, Jira и Confluence
✓ Поддержка мобильных устройств
✓ Всего 4.7 KB веса

→ npm install @atlaskit/pragmatic-drag-and-drop

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

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

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

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

Меньше реактивности — меньше потребление памяти и выше производительность.

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

Разработчики на Angular давайте: скажем «пока»: @Input(), @Output() и даже [(ngModel)] (иногда)

и поприветствуем input(), output() и model()

Компоненты на основе сигналов уже здесь!

Реактивные входы, типобезопасные выходы и упрощённое двустороннее связывание.

Изучите полный гайд и прокачайте свои навыки — ок

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

Вам нужно сверстать письмо? Не используйте таблицы!

React Email - это каталог компонентов, с помощью которых ваши письма будут выглядеть идеально в любом клиенте.

→ npx create-email

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

Распространенные ошибки, которых следует избегать

1. Использование == вместо ===
2. Необработка ошибок при async/await

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

💡Совет по Vue!

Ошибки случаются — так дайте пользователю возможность отменить изменения =)

Передайте ref в useRefHistory, чтобы получить функции undo и redo, которые восстанавливают предыдущее состояние. Отлично подходит для отслеживания изменений и работы со списками

Это не машина времени, но близко!

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

Дорожная карта обучения Next.js

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

Ускорь своё Angular-приложение

Тормозит приложение? Оптимизируй размер бандла с помощью этих шагов:

1. Найди, что тормозит:

npm install -g source-map-explorer
ng build --configuration production --source-map && source-map-explorer dist/browser/*.js

Эта команда собирает прод-версию с сорс-мапами и визуализирует, какие модули занимают сколько места.

2. Ленивая загрузка всего, что можно

loadComponent: () => import('./dashboard/dashboard.component')
  .then(mod => mod.DashboardComponent),

Компоненты будут загружаться только при необходимости, а не сразу при старте приложения.

3. Загружай компоненты по условию с помощью @defer:

@defer (when user.isLoggedIn) {
  <profile-widget />
}

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

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

Вы начинаете изучать React.js?

Вот простая дорожная карта для начала работы

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

💡 Совет по Vue!

useKeyModifier возвращает булевую ссылку (ref), которая указывает, активна ли клавиша блокировки (например, Caps Lock).

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

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

JavaScript - сжатие и распаковка JSON

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

Хочешь создать глобальный индикатор загрузки в Angular?

Вот краткое руководство:

1. Создай Click Me Load MoreService, чтобы управлять спиннером глобально
2. Используй HTTP-перехватчик для автоматического включения и отключения спиннера при запросах к серверу
3. Интегрируй с маршрутизатором для плавного отображения загрузки при переходах между маршрутами
4 Настрой внешний вид спиннера с помощью проекции контента

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

Пользовательская аутентификация и авторизация для LangGraph.js

Добавьте аутентификацию промышленного уровня в свои развертывания LangGraph — без необходимости в отдельном backend или прокси.

Теперь доступно для LangGraph.js в облаке и в самостоятельных установках

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

что будет выведено этим кодом?

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