✅ 🖥 ECMAScript Safe Assignment Operator Proposal

We often feature ECMAScript proposals that are in their later stages, but how about a brand new one you could get involved with? This one proposes an interesting additional bit of language syntax (?=) that returns a [error, value] tuple from an assignment.

Link to the article

#js #ecmascript #engine #frontend
#article

✅ 👩‍💻 Sorting Lists with Vue.js Composition API Computed Properties

Imagine building a cool quotes app in Vue js 3 with script setup and composition API. To make it even cooler, you want to let users sort the quotes by different criteria. Here's where computed properties come in to play! In this quick tutorial, learn how to leverage computed properties to effortlessly sort lists in Vue.js 3.

Link to the article

#frontend #vue #composition #computed #junior #easy #base
#article

✅ 🖥 Crafting a 13KB Game: The Story of Space Huggers

We always love Frank’s dives into how he produces neat JavaScript experiments and, in this case, a complete game in just 13KB — and if it inspires you, the latest js13kGames game development competition has just started.

Link to the article

#frontend #game #js
#article

✅ 👩‍💻 Relative Color Syntax - Some Basic Use Cases

We now have broad support for the relative color syntax. Chris Coyier takes a look a this “extremely powerful way to manipulate colors in CSS” in relation to colors you're already using.

Link to the article

#css #frontend
#article

✅typlr.app: Create Fonts in the Browser

If you’ve never attempted to make your own font, this might be a cool place to start! This interactive tool allows you to customize each letter’s shape and kerning, and you can install it as a PWA.

Link to the tool

#frontend #tool #font
#article

✅ 🖼️ Introducing Nuxt Scripts

Nuxt Scripts provides better performance, privacy, security, and developer experience for third-party scripts.

Link to the release

#frontend #vue #nuxt #script
#release

✅ 🖥 How Google handles JavaScript throughout the indexing process

Understanding how search engines crawl, render, and index web pages is crucial for optimizing sites for search engines. Over the years, as search engines like Google change their processes, it’s tough to keep track of what works and doesn’t—especially with client-side JavaScript.

We’ve noticed that a number of old beliefs have stuck around and kept the community unsure about best practices for application SEO:

- “Google can’t render client-side JavaScript.”
- “Google treats JavaScript pages differently.”
- “Rendering queue and timing significantly impact SEO.”
- “JavaScript-heavy sites have slower page discovery.”

Link to the article

#frontend #js #google #vercel
#article

✅ 🖼️ Getting Started with Nuxt Modules

This guide aims to provide detailed insights and clear explanations to fully grasp the power and utility of Nuxt modules.

Link to the article

#frontend #js #nuxt #modules #vue
#article

✅ 👩‍💻 React is (Becoming) a Full-Stack Framework

Robin opines on some widely discussed topics in the React community over the past year or two: Where’s React going? Is it a frontend library? How does the backend fit in? He shares his thoughts on what led him to use Server Components and Server Actions and to consider React as more of a full-stack solution.

Link to the article

#frontend #react #fullstack
#article

✅ 🖼️ Nuxt 3.13 is out

I'm pretty excited about this release - we've ported some features we had planned for Nuxt v4 back to v3, as well as a raft of bug fixes and performance improvements - as usual.

Link to the release

#frontend #vue #nuxt
#release

✅ Astro 4.14 is out

Astro 4.14 is out now! This release includes the first experimental release of the Content Layer API, our new super-flexible solution for managing content in Astro projects, support for Intellisense inside content files, and more.

Link to the release

#frontend #vue #react #astro
#release