Front-end Canteen Technology Weekly Issue 48: ESLint new configuration system, Vue3 Chinese documentation officially launched, Astro 1.0, new rendering engine for small programs

Delicious value: 🌟🌟🌟🌟🌟

Flavor: Green Coconut Juice

• Canteen Technology Weekly Warehouse Address: https://github.com/Geekhyt/weekly

The PC side has a better experience in the warehouse, and rewarding a Star is the biggest support for the canteen.

Summary of this issue

• ESLint launches new configuration system
• The new version of Vue 3 Chinese documentation is officially launched
• Astro 1.0
• Small program new rendering engine Skyline Beta
• NodeParty Share PPT & Review Video
• Build Command Line Interface Apps with Vue Components
• React re-render guide
• React TypeScript cheat sheet

Hello everyone, my name is Tong Oppa. Welcome to this issue of Front-end Canteen Technology Weekly, let's take a look at last week's technical information.

Technical Information

1. ESLint introduces a new configuration system

Looking back at the evolution history of the current eslintrc configuration system, each step of the evolution was a good choice at the time, such as extends, Personal configs, multiple configuration file formats, sharable configurations and dependencies (npm back pot), root, overrides, add extends to overrides, etc.

Today, however, as JavaScript projects grow larger, these configurations are too complex to look at as a whole. To simplify configuration, after 18 months of revisions and discussions, the ESLint team decided to set out to build a brand new configuration system, flat config, now available through the API in ESLint v8.21.0 .

You can learn more through the following links:

• ESLint's new config system, Part 1
• ESLint's new config system, Part 2
• ESLint's new config system, Part 3

2. The new version of Vue 3 Chinese documentation is officially launched

You Da personally announced the official launch of the new version of Vue 3 Chinese documentation.

3. Astro 1.0

In 2022, the island architecture of Islands Architecture will develop rapidly, with representative frameworks such as Astro , Qwik , Elder.js , Fresh , etc.

Astro 1.0 was officially released recently, and the documentation is very well written. The following are the core concepts:

• Why Astro?
• MPA vs SPA
• Astro Islands

4. Skyline Beta, the new rendering engine of the applet

In order to make the performance of the applet close to the native user experience, the applet has launched a new rendering engine, Skyline.

Compared with the original WebView architecture, the new architecture has the following characteristics:

• The interface is less likely to be blocked by logic, further reducing lag;
• There is no need to create a new JS engine instance (WebView) for each page, which reduces memory and time overhead;
• The framework can share more resources between pages, further reducing runtime memory and time overhead;
• The code of the framework no longer needs to exchange data through JSBridge, reducing a lot of communication time overhead.

The new rendering process is shown below:

Now let's look at the technical data.

Technical Information

1. NodeParty Share PPT & Review Video

Friends who haven't watched the live broadcast can watch the video playback. The following are the four major themes of NodeParty:

• In Node.js - What's Next
• Enterprise-level package management service cnpmcore
• cnpm rapid speed mode, officially open source
• From Egg to Artus, talk about the original intention of the framework of the framework

2. Build command line interface applications with Vue components

Temir lets you build command line interface applications using Vue components.

3. React re-render guide

A series of guides on React re-rendering, illustrated, with code samples and extended material.

4. React TypeScript Memo

A very comprehensive React TypeScript memo.

other information

• Announcing TypeScript 4.8 RC
• What's New In DevTools (Chrome 105)
• Notable changes in Electron 20
• Turborepo 1.4
• Prisma v4.2.0
• histoire v0.10.0

Good article recommended

Let's take a look at the good articles recommended. The good articles recommended this week are:

1. Vitest: Modern Front-End Testing Framework

How can 250 million users communicate efficiently? DingTalk reveals instant messaging service DTIM for the first time

Well, the above is the current issue of Canteen Weekly. If the audience members think it's not bad, one-click three-link is the biggest support for the canteen boss.

Your front-end canteen, eat every meal, see you next time.