Классы TypeScript, которые остаются чистыми и поддерживаемыми

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

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

Хотите улучшить производительность реактивности и упростить сопровождение компонентов в VueJS?

Заменяйте ненужные watch на computed, если результат — это просто производные данные.

Почему это лучше:

• Меньше шаблонного кода
• Более декларативный подход
• Автоматическое отслеживание зависимостей
• Автоматическое кэширование
• Проще тестировать и поддерживать

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

Это, без сомнения, одно из самых безумных и нестандартных творений на JavaScript 🤯

Веб-сайт Генри Хеффернана реализован с использованием Three.js

Проект погружает пользователя в полностью иммерсивную, интерактивную среду прямо в браузере, демонстрируя, насколько далеко можно зайти в визуализации и UX с помощью современных веб-технологий.

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

Это очень крутая библиотека UI-компонентов в ретро-стиле для фронтенд-разработчиков

Вдохновлённая 8-битной эстетикой, она идеально подойдёт для добавления ностальгического пиксель-арт настроения в современные веб-проекты

🔗: 8bitcn.com

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

Шпаргалка по деструктуризации массивов JavaScript

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

Следующая версия Chrome включает новый JavaScript API для перевода текста с помощью ИИ.

Он бесплатный, так как работает прямо на устройстве пользователя. Что думаешь? 🥰

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

Совет дня:

Предпочитай оператор ?? (nullish coalescing) вместо || при указании значений по умолчанию — ?? не воспримет 0 или '' как ложные значения

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

Изучать React может быть непросто — но создание проектов и решение задач по программированию действительно помогает.

Этот практический курс как раз об этом.

В нём Боб проводит через более чем 170 задач и 6 проектов, чтобы обучить основам React 😊

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

Совет дня: используйте Composition API и синтаксис <script setup> для более чистого кода компонентов.

Composition API имеет несколько преимуществ по сравнению с Options API, в том числе:
• Лучшая организация кода по логическим частям
• Более простое повторное использование логики с состоянием
• Улучшенная типобезопасность

Синтаксис <script setup> предлагает наиболее интуитивный и лаконичный способ использования Composition API.

Такой подход (см. изображение ниже) сокращает шаблонный код и делает компоненты более читаемыми. Если вы уже знакомы с Options API и хотите освоить Composition API, обратите внимание на наш материал о Composition API в Vue 3. Переход будет проще, чем вы думаете

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

Это одна из самых крутых вещей, сделанных на JavaScript

Это гениально и смешно =)

Кажется, что ты сможешь поставить галочку… но так ли это? 😂

🔗: codepen.io/jh3y/pen/LYNZwGm

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

Совет дня: используйте defineProps и defineEmits для типобезопасных props и событий

Применяйте defineProps и defineEmits вместе с TypeScript для улучшенного вывода типов.

Это обеспечивает типобезопасность внешнего API компонента, что позволяет потребителям компонента получать качественную автоподстановку и полезные сообщения об ошибках (да-да, те самые красные подчёркивания) в IDE.

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

Совет дня: используйте toRefs для деструктуризации реактивных объектов

Когда нужно деструктурировать реактивный объект, используйте toRefs, чтобы сохранить реактивность

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