Dandelion · JELLY Technology Weekly Vol.20

Performance optimization is a never-ending path, and there are always ways to improve the experience, whether it’s response time, on-demand loading, or optimizing for a framework or component. If you’re using Vue3, this tutorial will show you how to do high-performance rendering functions. React developers can also find best practices for TS and React in this issue; You’ll also find indicators for the next generation of Web performance experiences. There’s no end to learning, so let’s get started.

High overlook

The height of the sky, feel the universe is infinite

The front frame

Best practices for TypeScript + React

The Cheatsheets type for writing React applications in TypeScript can also be considered a TypeScript + React best practice. It introduces the best TypeScript TypeScript types for use with React features and helps you answer typing questions. After reading this, mom no longer has to worry that I won’t write TSX.

Vue3 Compiler optimizes details on how to write high-performance rendering functions by hand

Vue3 further improves diff performance by combining compile time with run time. The article details what key information Compiler can parse into templates and how the runtime can use this information to optimize diff. If we write a render function instead of a template, the author also describes how we can write a render function to put diff into optimized mode at the end of the article. The overall content of the article is very hardcore and will take some time to read. I hope readers will stick with it to the end. Here is the last sentence in the article: “Don’t stop learning…” , ‘.

Basic technology

Core Web Vitals- Focuses on the next generation of Web performance experience metrics

For how to measure the user experience, Google offers several tools (Lighthouse, among others), with the addition of the Core Web Vitals metric in Chrome83. The focus is on three aspects of the user experience: loading, interactivity, and visual stability. The indicators are LCP, FID, and CLS. Lower user barriers.

Will China disappear from the Internet if americans shut down the root DNS server?

After the United States announced the “clean Internet” campaign, many people who know something about the Internet, their first reaction is: will the United States attack the root DNS server? Here’s the short answer: it’s not ruled out, but it’s not impossible. Reason in a word: Although the root is not in our hands, but we have the mirror image.

Graphics programming

“Xoxo lift high”? This game is everything you’d expect from VR

The concept of virtual reality has been mentioned more and more frequently in recent years, but it still seems like a “science fiction” product to the masses. The VR game Half-Life, produced by Valve, combined with more diverse control devices in THE operation of VR devices, made interactive attempts different from the previous mouse and keyboard control games, making the actions of the characters in the game more close to the real world and more possibilities.

Artificial intelligence (ai)

The 3D effects guys can call it a day

Remember the screen waves in front of SM Entertainment in the Money Grab Building? It looks expensive. But a group of scientists, including DeepMind and Stanford, have developed a graphical network simulator, the GNS framework, which shifts the mindset from CG calculations based on physics laws that are currently common on the market to machine learning to implement the simulator. This will significantly lower the bar for CG effects and could have a profound impact on the market.

The sea gleanings

The sea, product kuibu and thousands of miles

Beijing xi small program cross – end development combat

Jingxi small program in the cross-end development of the development and optimization of the actual practice, a detailed description of 19 years double eleven period, Jingxi revision facing a series of problems, as well as the relevant thinking. Among them, many ideas and practice collections of Web, small program and RN are put forward in detail, which are worth learning from.

Small program experience score full marks optimization

The same Kyoshi applet programs, after many Audits and optimizations, already earn perfect Audits scores. The article mentioned a variety of optimization details and methods, tried a lot of optimization possibilities, I believe that these ideas can be applied in other projects, and greatly improve the performance and user experience.

“Dandelion” magazine, updated weekly, we focus on mining “basic technology, engineering, cross-end framework technology, graphics programming, server development, desktop development, artificial intelligence, design philosophy, front-end framework” and other general direction of the industry hot issues, and professional interpretation; Not only that, we will also recommend the selection of concave and convex technology articles, to show you the research direction of the team.

Look up, dandelion seeds will take root and germinate, such as summer flowers gorgeous; Ge Ge Zhi zhi, we climb to overlook, the sea gleaned, in order to product silicon step to thousands of miles.

Dandelion JELLY Technology Weekly contribution Guide