The editors recommend

Vue 3 will be the new default release

The “soft launch” process has taken longer than expected, but the moment has finally arrived: we are happy to announce that Vue 3 will become the new default on February 7, 2022.

We also completely rewrote the main document. The new vuejs.org (currently pending release, Chinese translation in progress) will provide the latest framework overview and development advice, flexible learning paths for users of different backgrounds, and the ability to switch between optional and composite apis throughout the guide and examples. And many new in-depth chapters.

Close reading of 2021 Front End Rookie Review

The list includes 13 sub-lists, including the overall list, front-end framework, Node framework, build tools, Vue Ecology, React Ecology, CSS-in-JS, testing, mobile, desktop, static site construction, state management and GraphQL, all of which are the most active fields of front-end open source.

The original author is out. Faker.js has been taken over by the community

Faker.js is a very popular Node.js tool library that provides various types of simulated data for development and debugging. A week after the author of Faker.js maliciously sabotaged his own open source projects faker.js and colors.js, faker.js is now a community-controlled project. The current project management team consists of eight engineers from different backgrounds and companies.

Advanced exploration

Optimization of animation performance from browser rendering principle

Currently, the typical refresh rate on a conventional device is 60 Hz, which means that the browser’s rendering pipeline would need to output 60 images per second (60 FPS) in order for the user to feel no significant lag. Next, we’ll start with a basic rendering tree, introduce the browser rendering pipeline, and some common ways to optimize animation performance.

TNPM Rapid – How to beat PNPM by 10 seconds

We also gave a keynote at Ant SEE Conf 2022 a few days ago: “A Dark Technology for Second NPM Installation”. This article from another Angle to elaborate on the front – end dependency installation speed up the whole optimization of the background, thinking, results and the future.

Inelegant React Hooks

To be sure, Hooks solve the age-old problem of React Mixins, but I don’t think Hooks are a good abstraction at this point in time in terms of their odd usage experiences.

Foreign language selection

The Complete Roadmap and Resources to Become a Web3 Developer in 2022

In this article, you’ll be introduced to the new dimension of the internet and how to get started in this field from a developer’s point of view.

O.O.P in Javascript

Now, mostly all programming languages support OOP, but in this article, we would look into key characteristics of OOP in javascript and I would ensure to exemplify using simple examples.

How we built a VS Code extension with Rust, WebAssembly, and TypeScript

In this post, we’ll talk through our design decisions in building the extension, and along the way we’ll touch on the Language Server Protocol and, more generally, how an IDE extension works. If you’ve ever wanted to write an IDE extension for your language of choice, this post might be for you.

Practice & Application

Skillfully use CSS to achieve dynamic line Loading animation

This paper introduces three kinds of Loading animations to realize the change of dynamic arc line length. Of course, each of them has its own advantages and disadvantages. Sometimes, cutting images may also be a more time-saving way 🙂

5 CSS errors to avoid

The CSS language is an important part of the Web. It is simple, powerful, and declarative. We can easily implement complex things like dark/light mode. However, there are many misunderstandings and misuses of it. These can turn CSS tags into complex, unreadable and unextensible code.