FooStack

Рубрика: JavaScript

  • ECharts — мощная библиотека для визуализации данных. Она поддерживает линейные, столбчатые, круговые диаграммы, карты и многое другое. В этой статье разберём, как интегрировать ECharts в Vue 3 с помощью Composition API и показать пример динамической диаграммы. 1. Установка Для Vue…

  • VueUse — это коллекция готовых Composition API утилит для Vue 3. Она позволяет ускорить разработку, уменьшить повторяющийся код и управлять состоянием, эффектами и событиями в реактивном стиле. В этой статье разберём реальные кейсы: таймеры, треки и локальное состояние. 1. Таймеры…

  • Strapi использует особый механизм хранения контента, который часто вызывает вопросы у разработчиков: почему у одной и той же сущности может быть несколько записей в базе данных и как на самом деле работают черновики и публикация. Ниже разберём это на уровне…

  • В вёрстке часто возникает ситуация: DOM-обёртка есть, а в layout’е она мешает.Особенно это заметно в приложениях на Nuxt, где почти всегда есть корневой контейнер #__nuxt. CSS-свойство display: contents — редкий, но мощный инструмент, который позволяет визуально «убрать» элемент, не удаляя…

  • JavaScript — язык невероятно гибкий, и одна из его скрытых суперсил — это Proxy. Этот инструмент позволяет перехватывать и настраивать поведение объектов. Если вы до сих пор обходились без Proxy, самое время взглянуть на него повнимательнее. Что такое Proxy? Proxy…

  • Если вы хотите создать динамический сайт или блог с управляемым контентом, связка Strapi v5 + Nuxt 3 — идеальное решение. Strapi отвечает за хранение и управление контентом, а Nuxt 3 рендерит страницы на сервере для SEO и высокой производительности. В…

  • Разработка современных веб-приложений всё чаще опирается на разделение фронтенда и бэкенда. React, Vue, Next.js и другие фреймворки требуют гибкого API, а не монолитной CMS. Именно поэтому headless-подход за последние годы стал фактически стандартом. Среди решений, которые заняли лидирующие позиции, одно…

  • Nuxt предоставляет мощный набор встроенных composables для работы с данными и состоянием. Один из самых часто используемых — это useState. Он позволяет создавать реактивное состояние, которое безопасно работает как на клиенте, так и на сервере (SSR/SSG). С помощью useState можно…

  • Nuxt остаётся одним из самых популярных фреймворков для разработки приложений на Vue. Он сочетает в себе простоту Vue с мощными возможностями рендеринга, маршрутизации, серверной логики и оптимизации. С выходом Nuxt 4 команда сделала важный шаг вперёд: обновила архитектуру, улучшила работу…

  • Современные сайты требуют одновременно высокой скорости, удобной разработки и гибкой архитектуры. Если раньше приходилось выбирать между статическим сайтом (SEO и скорость) и SPA (удобная логика, но тяжёлый бандл), то сегодня этот компромисс решают новые инструменты. Один из них — Astro.…