Nuxt 3.18 · Nuxt Blog
🧪 Lazy Hydration MacrosBuilding on the delayed hydration support from v3.16, we now support lazy hydration macros (#31192)! These provide a more ergonomic way to control component hydration: <script setup lang="ts"> const LazyHydrationMyComponent = defineLazyHydrationComponent( 'visible', () => import('./components/MyComponent.vue') ) </script> <template> <div> <!-- Hydration will be triggered wh
Announcing Nuxt 4.0 · Nuxt Blog
Nuxt 4.0 is here! A thoughtful evolution focused on developer experience, with better project organization, smarter data fetching, and improved type safety. Nuxt 4.0 is here! 🎉 After a year of real-world testing, we're excited to announce the official release of Nuxt 4. This is a stability-focused major release, introducing a few thoughtful breaking changes in order to improve development experie
Webフロントエンドでのリアクティビティからalien-signalsを知ろう
近年のWebフロントエンド開発において「リアクティビティ」という概念が非常に重要になっています。今回は、このリアクティビティにまつわる歴史を辿りつつ、2025年の1月にv1.0となったリアクティビティライブラリである「alien-signals」についてを解説していきます。 リアクティビティとは何を実現するものか そもそも「リアクティビティ」とは何かについてを説明します。 リアクティビティを日本語にすると「反応性」と訳されることがあります。この「反応性」とは、ある状態の変化に対してシステムが適切な対応をすることを指します。 Webフロントエンドにおける「反応性」は、アプリケーションの状態（データ）が変化した際に、その変化を検知し、関連するUIや他の状態を自動的に更新する仕組みのことです。 分かりやすい例としてあげられるのがスプレッドシートのようなUIです。あるセルの値が変更されると、そのセ
GitHub - inokawa/virtua: A zero-config, fast and small (~3kB) virtual list (and grid) component for React, Vue, Solid and Svelte.
This project is a challenge to rethink virtualization. The goals are... Zero-config virtualization: This library is designed to give the best performance without configuration. It also handles common hard things in the real world (dynamic size measurement, scroll position adjustment while reverse scrolling and imperative scrolling, iOS support, etc). Fast: Natural virtual scrolling needs optimizat
Introducing Motion for Vue - Motion Blog
At 9am this morning I had the privilege of closing our oldest open ticket, one that's haunted the issues board since the days of Framer Motion, all the way back in February 2020. It was titled "[FEATURE] Vue support?" Yes, today I'm thrilled to finally announce Motion for Vue. An animation library that's simple to start and fun to master, its unique hybrid engine combining the performance of hardw
Nuxt UI v3 · Nuxt Blog
Nuxt UI v3 is out! After 1500+ commits, this major redesign brings improved accessibility, Tailwind CSS v4 support, and full Vue compatibility We are thrilled to announce the release of Nuxt UI v3, a complete redesign of our UI library that brings significant improvements in accessibility, performance, and developer experience. This major update represents over 1500 commits of hard work, collabora
Release @ark-ui/react@5.0.0 · chakra-ui/ark
Ark UI just got a major performance boost! 🚀 What’s new in v5? Blazing-fast performance – Every component runs smoother and renders faster. Smaller bundle size – Leaner components and adapters for a more efficient build. We made this happen by using React’s native reactive primitives instead of external stores. In our stress tests with 10,000 components, Ark v5 delivered 1.5x–4x better performanc
Release v3.16.0 · nuxt/nuxt
If you're using Unhead directly in your app, keep in mind: Import from Nuxt's auto-imports or #app/composables/head instead of @unhead/vue Importing directly from @unhead/vue might lose async context Don't worry though - we've maintained backward compatibility in Nuxt 3, so most users won't need to change anything! If you've opted into compatibilityVersion: 4, check out our upgrade guide for addit
noteのフロントエンドのざっくり歴史まとめ｜noteエンジニアチームの技術記事
この記事では、noteがリリースされた2014年当初から現在までのフロントエンド技術の移り変わりをざっくりと振り返ります。 Angular 1.x 系からスタートしたnoteは、その後Nuxt.jsへの移行、さらにはNext.js + Svelteを活用したリアーキテクチャの道を歩んできました。 フロントエンド領域がめまぐるしく変化する中で、なぜこれらの選択をしてきたのか、どんな課題があったのかなどをまとめました。 ※ この記事で扱う内容は、2014年〜2025年1月時点での内容です Angular 1.x系でnoteをリリースした背景2014年当初の状況noteがリリースされた2014年は、フロントエンドフレームワークがまだ混沌としていた時代でした。Reactは登場していたものの、企業での採用実績やノウハウがそこまで多くはなく、Vue.jsはまだ黎明期。AngularJS（Angular
1500コンポーネントある巨大なVue2アプリのVue3移行 - Mobile Factory Tech Blog
はじめに 駅メモ！開発チームエンジニアの id:kaidan388 です。 駅メモ！のフロントエンドは Vue で書かれており、およそ 1500 コンポーネントあります。 Vue2 が EOL を迎えるに際して、これをどう Vue3 に移行するかが問題になりました。 具体的には以下の 2 点をどう達成するか、というのが問題になります。 普段の機能開発を止めずに、Vue3 移行を進めたい 普段のリリースを止めずに、Vue3 のリリースをしたい 駅メモ！開発チームでは、途中メンバーの交代もありつつですが、基本的に 3 名で 1 年半かけて、上の要件を満たしつつ Vue3 へ移行を完了しました。 この記事では、いかにして Vue3 化を完了したか解説しようと思います。 技術的な難しさについてはすでに多くのブログで語り尽くされているように思うので、ここでは、チームの運用やその他特別な工夫について語
How To Optimize Performance In Vue Apps | DebugBear
Track page speed over time and get the data you need to optimize it. Vue is built to handle most typical use cases efficiently without requiring a lot of manual tweaking. But sometimes, you’ll hit situations that need a bit more fine-tuning. In this article, we’ll go over the key things to keep an eye on for optimizing performance in a Vue app. Page Load Performance vs. Update Performance When ta
Announcing Vue 3.5 | The Vue Point
Today we are excited to announce the release of Vue 3.5 "Tengen Toppa Gurren Lagann"! This minor release contains no breaking changes and includes both internal improvements and useful new features. We will cover some highlights in this blog post - for a full list of changes and new features, please consult the full changelog on GitHub. Reactivity System Optimizations In 3.5, Vue's reactivity sys
Release v11.0.0 · vueuse/vueuse
🚨 Breaking Changes useChangeCase: Migrate to change-case@v5, closes #3457 - by @wheatjs and @antfu in #3460 and #3457 (df343) useFuse: Upgrade fuse.js to v7 - by @antfu in #4036 (cb44c) useIntersectionObserver: Update the threshold default to 0 - by @Alfred-Skyblue in #4069 (13e36) useJwt: Upgrade jwt-decode to v4 - by @root5427 and @antfu in #3510 (9037d) 🚀 Features integrations: Bump d
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The future of Nuxt · nuxt/nuxt · Discussion #32559
GitHub - aymericzip/intlayer: Internationalisation solution for JS application focusing on scalability. Make your JavaScript / TypeScript application multilingue.
Release v12.3.0 · vueuse/vueuse
Release v12.0.0 · vueuse/vueuse
GitHub - govuk-vue/govuk-vue: A Vue 3 component library for GOV.UK Frontend and the GOV.UK Design System
GitHub - vue-email/vue-email: 💌 Write email templates with vue
Nuxt 3.13 · Nuxt Blog
