Frontend Development Weekly Digest 🎍 - Week 11-12

2 min read

🔥 Framework Updates

Vue.js

  • Vue 3.4: onWatcherCleanup API
    Vue 3.4 introduces onWatcherCleanup, enabling internal cleanup logic directly inside watchers. This streamlines lifecycle handling in reactive components. Read more

  • Motion for Vue
    Framer Motion arrives in the Vue ecosystem with <motion.div>, layout transitions, and scroll animations. Same API, same power — now in Vue. Read more

  • Nuxt 3.16 + Nuxt UI v3
    Nuxt 3.16 introduces npm create nuxt, while Nuxt UI v3 brings full Tailwind v4 support, improved accessibility, and a modern design refresh. Nuxt 3.16 Release | Nuxt UI v3

Next.js

  • Next.js 15.2 + Security Patch
    New metadata system, enhanced error overlays, and support for React view transitions. Also patched a critical middleware bypass vulnerability (CVE-2025-29927). What’s New | Security Patch

Svelte

  • SvelteKit 2.17 + Svelte 5.20
    WebSocket support in SvelteKit and new $props.id() utility in Svelte 5.20 for SSR-friendly IDs. What’s New

🛠️ Developer Tools & Libraries

  • Oxlint (Beta)
    Rust-based linter (50–100× faster than ESLint). Read more

  • ESLint 9 Flat Config
    ESLint 9 moves to eslint.config.js. Migration guide

  • Rsdoctor 1.0
    Rspack/Webpack visual analyzer. Release notes

  • TypeScript in Go
    New Go-based compiler. Announcement

🌐 Web Standards & Browser Updates

  • Chrome Q1 2025 APIs
    text-box, node.moveBefore(), File System Access. Details

  • CSS Gap Decorations Proposal
    Native gap styling proposal. Proposal

  • Firefox 136
    :open, :has-slotted(), Intl.DurationFormat. Release notes

  • Safari 18.3
    Fixes for :has(), ::view-transition. WebKit blog

📈 Trends & Best Practices

🎤 Events

🎮 Bonus

💻 CSS for Dummies

Sass-flation:

.egg-carton {
  eggs: 12;
  price: $2;

  &.eggflation {
    eggs: 4;
    price: $10;
    wallet: null;
    opacity: 0.4;
    justify-content: space-around;

    &:hover {
      cursor: not-allowed;
      content: "Maybe next month...";
    }
  }
}

💡 Stay updated with the latest in frontend development. Follow the links for more insights.

✨ Explore More:

--eof--