Рубрика: JavaScript
-
При разработке на Vue часто приходится вручную импортировать и регистрировать компоненты. Это утомляет и засоряет код…
-
UnoCSS + Nuxt: новая скорость и гибкость вместо Tailwind
В мире фронтенда производительность, гибкость и DX (разработческий опыт) — ключевые параметры при выборе стека. И если раньше большинство Nuxt-проектов по умолчанию использовали Tailwind CSS, то сегодня на смену приходит UnoCSS — современный атомарный CSS-движок, который предлагает куда больше, чем…
-
Vapor Mode во Vue: новое слово в производительности фронтенда
рендеринг в Vue до сих пор базировался на виртуальном DOM. С появлением Vapor Mode всё может измениться.
-
Vue 3: Композиция vs Опции – что выбрать?
Сравнение Composition API и Options API, плюсы и минусы + пример миграции С выходом Vue 3 появился Composition API – новый способ организации кода компонентов. Но Options API никуда не делся. Какой подход выбрать? Давайте разберёмся! 1. Options API vs…
-
Laravel + Vue: Простое SPA с API на Laravel
В этой статье мы создадим одностраничное приложение (SPA) на Vue.js с бэкендом на Laravel. Разберём: ✅ Настройку Laravel Sanctum для аутентификации✅ Подключение Vue Router✅ Пример CRUD (создание, чтение, обновление, удаление) 1. Настройка проекта Установка Laravel и Vue Создадим новый проект…
-
Vue.js: Основы реактивности и работа с состоянием (Vuex/Pinia)
Реактивность — одна из ключевых возможностей Vue.js, которая делает разработку удобной и эффективной. В этой статье разберём: 1. Что такое реактивность во Vue? Реактивность — это автоматическое обновление интерфейса при изменении данных. Vue 3 использует Proxy (в отличие от Vue…
-
Сравнение Nuxt.js и Astro: какой фреймворк выбрать?
В мире современной веб-разработки существует множество инструментов для создания быстрых и SEO-дружественных сайтов. Два популярных решения — Nuxt.js и Astro — предлагают разные подходы к разработке. В этой статье мы сравним их по ключевым параметрам, чтобы помочь вам выбрать подходящий…
-
Анимации в Astro: GSAP, Framer Motion и CSS-решения
Как добавить плавные переходы без вреда для производительности Одна из сильных сторон Astro — скорость загрузки страниц благодаря минимальному JavaScript. Но как быть с анимациями, которые обычно требуют JS? В этой статье разберём несколько способов добавить анимации в Astro-проект: 1.…
-
Особенности использования Astro.js: почему он идеален для современных сайтов
Astro.js — это современный инструмент для создания быстрых и оптимизированных веб-приложений. Он сочетает в себе преимущества статической генерации (SSG), серверного рендеринга (SSR) и гибридных подходов, позволяя разработчикам выбирать оптимальный вариант для каждого проекта. В этой статье разберём ключевые особенности Astro.js…
-
NestJS + TypeORM: работа с базой данных
TypeORM — один из самых популярных ORM (Object-Relational Mapping) для TypeScript и Node.js. В сочетании с NestJS он позволяет удобно работать с базами данных, используя декларативный подход на основе сущностей (Entities) и репозиториев (Repositories).