Dandelion · JELLY Technology Weekly Vol.28

SSR or CSR for front-end application? React 17 has been released recently. Some people wonder if there is a better way to render a page written by React 17 on the server. Next. Js 10 has a lot more functionality than React 17

High overlook

The height of the sky, feel the universe is infinite

Basic technology

Practice CLS performance indicator optimization in projects

Have you ever started reading an interesting news article because all the text suddenly moved downward and you had to retrieve what you had just read? Chorme 83 added the Cumulative Layout Shift (CLS) indicator to measure the value of the page “Cumulative Layout Shift”, this paper will practice the optimization of CLS indicator in the project.

The front frame

Next. Js 10 is out: Lots of new features

Next. Js 10 was released at the Next. Js conf conference on October 27. The release features a focus on improving the developer experience and user experience. Next /image, automatic image optimization; Internationalized Routing, multi-language support, automatic language detection, etc., let’s quickly understand it

engineering

Tencent Code Review specification

Code, is the design concept landing place, is the presentation and fundamental technology. In the review process, students can communicate with each other on the ground, instead of discussing air-to-air. They can think about practical problems and learn from each other. We can master the best practices accumulated in the team!

Graphics programming

Bessel spline algorithm is used to generate smooth curves through predefined points

When drawing, designers often define points, then generate a smooth curve through them, and then detail them. This algorithm is called Bezier spline algorithm, which generates smooth curves according to predefined points. It is also used in many scenarios, such as curves in data visualization, curve fitting in numerical analysis and brush lines in hand-drawing software.

Server-side development

TiDB a support online transaction processing and online analysis processing fusion of distributed database products

TiDB is an open source distributed relational database independently designed and developed by PingCAP. Hybrid Transactional and Analytical Processing (HTAP) is a Hybrid Transactional and Analytical Processing (HTAP) database product. It has important features such as horizontal capacity expansion or reduction, financial high availability, real-time HTAP, cloud native distributed database, compatibility with MySQL 5.7 protocol and MySQL ecology. The goal is to provide users with one-stop Online Transactional Processing (OLTP), Online Analytical Processing (OLAP), and HTAP solutions. TiDB is suitable for various application scenarios such as high availability, high consistency requirements, and large data scale

Artificial intelligence (ai)

Gpt-3 hits, and the front end is out of business? Talk about how to achieve intelligent graph cutting

Once upon a time, the intelligent image cutting project Pix2Code came out of the blue. It supports the import of design draft to generate code directly, stunning the whole front end. When everyone exclaimed that the front end was going to be unemployed, this project was a perfect interpretation of the debut is the peak, since then there has been no update, gradually forgotten. Recently, GTP-3 challenged the front end again, and it seems that the front end area is always full of crisis. This article is written by Wu Duoyi, the head of Baidu FEX. With his strong learning ability, he told us that there is no need to worry about front-end ER. Any new technology should become a sword in the hands of a qualified engineer, learn it, master it, and then surprise everyone with it. So,keep learning,keep growing!

Tool to promote

Framer Motion: Makes animation creation easier

Framer-motion is an animal-effects library for React that creates animation components by adding actions to the front of HTML and SVG elements. You don’t need to be a CSS expert to create beautiful animations. This paper introduces the basic use of the method.

The sea gleanings

The sea, product kuibu and thousands of miles

Random algorithm: 2D circular distribution

What are the algorithms on the front end? Front end engineers don’t need to know algorithms, right? Maybe a lot of people have a similar mistake, think that the front-end development process need to use the algorithm of the scene is very few, and this article just wrote about the random algorithm in the front-end scenario application.

Demo report of matter.js – physics engine under plane

To simulate a real environment, so we need a lot of time to achieve a set of system algorithm to describe all the physical rules, or we can use a certain engine to help us achieve these, on the Web plane in the world is the Matter, js, such a rigid body physics engine can realize most of our requirements.

“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