Front‑End Highlights: Nuxt 3 Launch, Learning Games, and Fresh Open‑Source Tools

🗞 News

Nuxt 3 is Coming

After a long wait, Nuxt 3 is about to be released. It has been completely refactored, streamlined, faster and offers a better experience.

New features include:

Lighter: server deployment and client assets can be reduced up to 75× for modern browsers.

Faster: Nitro provides dynamic code‑splitting to improve cold‑start performance.

Hybrid: incremental static generation and other advanced capabilities are now possible.

Suspense: data can be fetched before or after any component or navigation.

Composition API: true code reuse with the Composition API and Nuxt 3 composables.

Nuxt CLI: zero‑dependency project scaffolding and module integration.

Nuxt Devtools: faster work through in‑browser information and quick fixes.

Nuxt Kit: a new module system with TypeScript support and cross‑version compatibility.

Webpack 5: faster builds and smaller bundles without configuration.

Vite: lightning‑fast HMR using Vite as the bundler.

Vue 3: a solid foundation for the next web applications.

TypeScript: native TypeScript and ESM builds without extra steps.

Details: https://nuxtjs.org/v3/

layui Will Be Retired

layui announced that its official website will be taken offline on 13 October 2021.

layui is a solid jQuery component library, but the ecosystem and community activity now favor React and Vue.

Technology has its lifecycle; as the wave recedes, its value remains for those who remember it. Embrace the future of web front‑end technology.

📦 Open Source

Interactive Learning Tools for Front‑End Developers

This is an interactive front‑end tutorial that teaches CSS, JavaScript, React, Vim, regular expressions and more through game‑like experiences, covering the entire front‑end stack.

You can learn CSS Grid by “planting” crops, practice TypeScript in an online IDE, and explore many other games.

Examples include Grid Garden and Flex Box Adventure.

Collection link: https://www.smashingmagazine.com/2021/09/interactive-learning-tools-front-end-developers/

unjs/siroc

siroc

is a zero‑configuration, extensible framework for building Node.js applications and libraries.

It solves the pain of configuring numerous build tools and scripts, which can hinder productivity and introduce pitfalls.

By adding a few fields to

package.json

,

siroc

can automatically invoke

rollup

and

esbuild

for building, with strong monorepo support.

GitHub Repo: unjs/siroc

Nano Colors

Nano Colors is a command‑line coloring tool that is twice as fast as

chalk

and five times smaller than its

node_modules

footprint.

Features:

Simple scenarios run up to 4× faster than chalk .

No dependencies: its node_modules size is five times smaller than chalk .

Actively maintained; used by large projects such as PostCSS and Browserslist .

Automatic color detection with manual mode switching.

Tree‑shaking support for both ESM and CJS builds.

Works on Node ≥ 6 and in browser projects.

GitHub Repo: ai/nanocolors

unjs/unplugin

unplugin

is a unified plugin system for Vite, Rollup, Webpack and other bundlers, currently experimental.

It provides a common API that automatically generates plugins for these tools.

Usage is straightforward.

GitHub Repo: unjs/unplugin

Tailwind Mobile

Tailwind Mobile is a component library for mobile apps built on the popular atomic CSS framework Tailwind CSS, supporting iOS and Material Design themes and decoupled from any specific framework.

Home Page: https://tailwind-mobile.com/

📑 Article

Tubi Engineer Culture

The article explains why discussing engineer culture matters and outlines the six cultural pillars of Tubi’s tech team, offering valuable insights for building technical teams.

Original link: https://mp.weixin.qq.com/s/p_em5wfzhnZGnH4cd16pcQ

Rome Will Be Written in Rust 🦀

The piece compares JavaScript/TypeScript and Rust in the context of Rome, detailing product, technical, and team considerations that led to the decision to rewrite Rome in Rust.

Original link: https://rome.tools/blog/2021/09/21/rome-will-be-rewritten-in-rust