Front-end Canteen Technology Weekly Issue 49: Deno is about to usher in major changes, Blitz 2.0 Beta, Chrome deletes HTTP/2 server push

Delicious value: 🌟🌟🌟🌟🌟

Flavor: Jasmine mixed with jellyfish

• 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

• Deno is about to undergo a major change
• StackBlitz July 2022 update
• Announcing Blitz 2.0 BETA
• Remove HTTP/2 server push from Chrome
• Web Image Best Practices
• Vite Rollup Plugins
• TypeScript Collections
• Code Golfing Tips & Tricks

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. Deno is about to undergo a major change

With the release of Bun , Deno was clearly feeling the pressure, first improving FFI performance by about 200 times . Recently, Deno officially announced a series of big news:

• In the next three months, Deno will support importing 80%-90% of npm packages;
• The HTTP server is being refactored to target the fastest JavaScript runtime possible;
• Support enterprise users: provide exclusive packages during office hours;
• Boost DX: Full-text notation search for all 3rd party Deno code, auto-generated documentation for JavaScript and TypeScript projects.

2. StackBlitz July 2022 update

StackBlitz's July 2022 update summary, including the following aspects, friends who are concerned about this can move to the link to read.

• new developments in the community;
• DX enhancements and compatibility improvements;
• Fast food information.

3. Announcing Blitz 2.0 BETA

Blitz is no longer an all-in-one framework, but a full-stack toolkit for Next.js. This means that Blitz moves from an abstraction of Next.js to a modular toolkit that supports plugging into any new or existing Next.js application.

Blitz 2.0 includes the following six packages:

• blitz: core package, providing practical utility functions, plug-in mechanism and scaffolding;
• @blitzjs/next: Exposes Next.js framework-specific functions & components;
• @blitzjs/auth: Provides authentication and authorization;
• @blitzjs/rpc: Zero-API data layer;
• @blitzjs/codemod: codemod provided for upgrades.

4. Remove HTTP/2 server push from Chrome

In the next version of Chrome 106 and other Chromium-based browsers, support for HTTP/2 server push will be disabled by default. The reasons and alternatives are as follows:

• There is no obvious performance improvement in actual use;
• Sites using HTTP2 dropped from 1.25% to 0.7%;
• Alternative: Early Hints .

Now let's look at the technical data.

Technical Information

1. Web Image Best Practices

This repository collects best practices for Web Image.

2. Vite Rollup Plugins

The compatibility list of the Rollup plugin used in Vite3, I guess the author patak must be a caring and warm man.

3. TypeScript Collections

A collection of data structures written in TypeScript, including the data structures shown.

4. Code Golfing Tips & Tricks

This blog post compiles a series of tips on JavaScript coding, including how to achieve the same functionality with less coding. In some games, such as JS13KGames , js1024 these tricks are very useful. But in the real world, we need to pay more attention to readability, after all code is written for people to see.

other information

• redux-toolkit v1.9.0
• Valtio v1.6.4
• Zustand v4.1.0
• Jotai v1.8.0
• New npm dependency selector syntax
• Figma 7.0 design alpha

Good article recommended

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

1. Xianyu Zongxin: This year, my thoughts on the terminal organization and technical structure

2. Why React Re-Renders

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.