🖥 Vite vs CRA: Почему разработчики массово переходят на новый инструмент

Веб-разработчики уже давно привыкли к Create React App (CRA) как к стандарту для быстрого старта проектов. Но сейчас всё больше команд выбирают Vite – и на это есть причины! В статье разобраны ключевые отличия между этими инструментами, которые объясняют массовую миграцию на Vite.

➡️ Перейти к статье

CodeBase | Frontend | #articles

⚡️On-Scroll Fire Transition — Страница с интересной реализацией скрола.

Технологии: CSS, JavaScript

🔗 Ссылка

CodeBase | Frontend | #animate

Все мы с этого начинали 🍄

CodeBase | Frontend | #meme

⚡️Weather Widgets — Анимированный виджет погоды.

Технологии: Svg, SCSS, TypeScript

🔗 Ссылка

CodeBase | Frontend | #animate

⚡️Profile Card UI — Интерактивная визитка с анимированными кнопками.

Технологии: Svg, SCSS, JavaScript

🔗 Ссылка

CodeBase | Frontend | #animate

👩‍💻 Что такое Promise.all в JavaScript и как он работает?

Promise.all позволяет запускать несколько промисов одновременно и получать их результаты, когда все промисы выполнены. Если один из промисов завершится с ошибкой, общий результат тоже будет отклонён.

➡️ Пример:

const promise1 = Promise.resolve(10);
const promise2 = Promise.resolve(20);
const promise3 = Promise.resolve(30);

Promise.all([promise1, promise2, promise3])
  .then((results) => console.log(results)) // [10, 20, 30]
  .catch((error) => console.error('Ошибка:', error));

🗣️ В этом примере все промисы выполняются параллельно. Результаты объединяются в массив, если все успешно завершились. Это полезно для работы с множеством асинхронных операций.

CodeBase | Frontend | #js

⚡️Dropdown Menu Effects — Анимированное выпадающее меню с эффектами при нажатии.

Технологии: Svg, SCSS, JavaScript

🔗 Ссылка

CodeBase | Frontend | #animate

⚡️ FullCalendar – библиотека для создания интерактивных календарей в веб-приложениях на React, Vue и Angular.

➡️ Она предоставляет:

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

✔️ Главное преимущество: простота использования данных календаря в CRUD-операциях.

👩‍💻 GitHub

CodeBase | Frontend | #tool