Front-end Canteen Technology Weekly Issue 45: Vite3.0, the 91st TC39 meeting, CSS behind Figma, accident review at station B, image optimization tools

Delicious value: 🌟🌟🌟🌟🌟

Flavor: Super Fruit Cup

• 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

• Vite 3.0
• Deno v1.24
• Image Optimizer
• CSS behind Figma
• Station B accident review
• 91st TC39 meeting
• List of Featured Papers for Software Engineers

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. Vite 3.0

Vite is now as popular as Coca-Cola, and you can't be happy without a Coke for a day.

It's been 16 months since the release of the Vite 2, and the Vite 3 is finally here. The Vite team decided to release at least one major release per year to coincide with Node.js's EOL .

• Brand new VitePress documentation
• Default port number changed from 3000 to 5173
• Built-in more complete WebSocket connection strategy
• Cold start performance is improved, pre-construction no longer blocks Dev Server startup, and delayed processing is used to delay pre-construction behavior to the last stage of page loading, fundamentally preventing secondary pre-construction
• Rewrite import.meta.glob to support more flexible syntax
• SSR build products use ESM by default
• Modify WebAssembly's import API to avoid conflicts with future standards
• Experimental: fine-grained base configuration, esbuild pre-builds for production, HMR Partial Accept
• Reduce Bundle Size: Terser, node-forge become optional
• Node 12 is no longer supported, at least 14.18+ is required
• Bug Fixing, issue reduced from 700 to 400
• VitePress builds participate in CI process, unit testing and E2E testing are migrated to Vitest, pnpm is migrated to v7, all official plugins are built with unbuild, and plugin-vue-jsx and plugin-legacy are migrated to TS
• Use vite-ecosystem-ci to ensure ecosystem CI operation
• The Rollup team will release a new major version in a few months, and Vite will continue to follow up

2. Deno v1.24

Roll it up!

After being attacked by Bun 's "meat bomb", Deno's new version of FFI has improved performance by about 200 times. Who said Rust is inferior to Zig?

Now let's look at the technical data.

Technical Information

1. Image optimization tool

The author has compiled more than 40 kinds of image optimization tools, and I am convinced. Who cares if you want a picture compression website in the future, please give him this link.

2. The CSS behind Figma

This article has compiled some interesting uses of Flexbox and Grid in Figma.

3. Accident review at Station B

Last year's accident at Station B is still fresh in my memory. At that time, I spoke with my colleagues very late, guessing and discussing the reasons. After a lapse of one year, I finally waited for the official review of station B. It is estimated that no one would have thought that it was because of a "0".

Speaking of this review itself, it is very attentive. The content contains all kinds of details, give the programmers of station B a compliment!

4. The 91st TC39 meeting

2022.07.19-2022.07.21, the 91st TC39 meeting was held in San Francisco. Here are a few pieces of the progress of the ECMAScript specification in Phases 3 and 4:

Stage 4

• Hashbang Grammar

Use #！ in the JavaScirpt file header for the shell to recognize the interpreter.

Stage 3

• Duplicate named capturing groups

Allows regex to capture group named duplication.

5. List of Selected Papers for Software Engineers

This repository organizes selected papers in the field of software engineers, +1 for favorites.

other information

• Storybook 7.0 design sneak peek
• zustand v4.0.0-rc.4
• Remix v1.6.5
• VueUse v9.0.0-beta.0
• Full record of You Yuxi's keynote speech "2022 Front-end Ecological Trends"

Good article recommended

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

1. Cost of Consistency in UI Frameworks

2. How programming languages implement generics

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

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