Shulou(Shulou.com)06/02 Report--

This article mainly introduces "React, Preact, Inferno framework which is faster". In daily operation, I believe many people have doubts about which framework is faster for React, Preact or Inferno. The editor consulted all kinds of materials and sorted out simple and easy-to-use methods of operation. I hope it will be helpful to answer the questions of "which framework is faster, React, Preact, and Inferno?" Next, please follow the editor to study!

Preact

Preact claims to be one of the lightest frameworks, with a size of 3kB. Small size does not limit its performance. It is considered to be a very powerful framework and a strong competitor to React.

When you compare Preact with React, you can find some similarities between them. But because the functionality of Preact is mainly based on speed and performance, there are more important differences between them. Here are some of the main features of Preact that make it faster than React:

First, the compressed size of Precat is about 3Kb. After React compression, it is about 42KB.

Although React has its own integrated event system, which has many advantages, it is considered to be very onerous. Preact only uses DOM API to implement the function of the synthetic event system.

Preact has more features than React-lite, a simplified version of React.

Preact is obviously faster than React. The author found this great speed comparison mechanism, which is hosted on the GitHub site. It can compare frame speed by adding, completing, and deleting 100 items. Therefore, the author conducted a benchmark test, and the results show that Preact is four times faster than React.

In addition, if you are familiar with React, it is very easy to use with Preact because it is largely compatible with React. In addition, there are several important advantages to using Preact:

It supports ES6 API (same as React).

Powerful CLI supports fast project setup

Contains other advanced features unique to React.

Preact is growing rapidly, with many examples, lots of documentation, growing communities, and so on.

Although Preact contains many features, it also has some disadvantages. But if you need to build small performance-based applications, Preact is still a better choice than React.

Inferno

Inferno is another JavaScript UI library, similar to React. Like Preact, Inferno is built using the same API as React, but the main goal of Inferno is to be fast and light. Although Inferno is based on React, it contains some important features / differences compared to React and Preact:

Compared with React, Inferno is very small. After compression, it is about 8KB, which is slightly larger than Preact.

Inferno does not contain DOM alone. Inferno's DOM is built into its core.

Inferno-compact can help you use a variety of React libraries.

Inferno uses a life cycle approach on functional components.

Since this article is mainly based on comparison speed and performance, let's take a look at the benchmark comparisons of some JS frameworks provided by Inferno itself.

As shown in the figure, the baseline value of Inferno for typical application operations is higher than that of Preact and React. They are almost similar to Vanilla JS. More details about this benchmark system can be found on GitHub. Here are some other advantages of using Inferno:

Very fast.

It is lighter than React, Angular and Vue.

Inferno includes its own server-side rendering and routing capabilities.

You can use general style properties with Inferno styles.

You can use your own architecture to build an application, rather than limiting it to someone else's design.

On the other hand, it also has some obvious shortcomings. Because Inferno is relatively new compared to React, its ecosystem and community are still developing. It takes a lot of time to provide other libraries, support, and so on.

Similarly, Inferno does not support Hooks. Although you can use inferno-compact to use React components or packages, this makes the project slower and larger. In this way, the quality experience of Inferno will be reduced.

At this point, on the "React, Preact, Inferno framework which is faster," the study is over, I hope to be able to solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.