search
HomeWeb Front-endFront-end Q&AWhich one is bigger, vue or react?

React is larger in size; in benchmark testing, the compressed version of react is almost twice as large as vue; react is good at handling large application projects or using JavaScript to build mobile applications, and is larger in size, while vue The use cost is lower, more flexible and smaller in size.

Which one is bigger, vue or react?

The operating environment of this tutorial: Windows 10 system, react17.0.1 version, Dell G3 computer.

Which one is bigger, vue or react

React

React advocates the concept of functional programming and achieves high-performance and efficient development of front-end interfaces. , react is very good at handling componentized pages. The official website of React mentions the key feature of "learn once, write anywhere", and you can use the React framework to build mobile applications in JavaScript. In React, all component rendering functions rely on JSX, which is a syntax extension for JavaScript that is very simple and useful when creating UI components and debugging.

Vue

Vue is a progressive JavaScript framework. "Progressive framework" and "bottom-up incremental development design" are two concepts developed by Vue. Vue can be used in any other type of project, with lower cost, more flexibility, and weaker claims. Vue projects can also be easily integrated with other technologies for development. Features: easy to use (low cost of use), flexible (complete ecosystem, suitable for projects of any size), efficient (small size, good optimization, good performance).

Which one is bigger, vue or react?

Vue core developers provided a benchmark test, which shows that Vue’s rendering system is faster than React’s. The test method is to render a list of 10,000 items 100 times.

Which one is bigger, vue or react?

From a practical point of view, this benchmark is only relevant for edge cases. This operation is not often performed in most applications, so it should not be treated as such. serves as an important point of comparison.

However, page size is relevant for all projects, and Vue is again ahead in this regard, with its current version only 25.6KB compressed.

To achieve the same functionality in React, you need React DOM (37.4KB) and React with Addon library (11.4KB), totaling 44.8KB, which is almost twice the size of Vue. Twice the size does not bring twice the functionality.

Summary

The advantages of Vue include: flexible selection of templates and rendering functions, simple syntax and project creation, faster rendering speed and smaller size; The advantages of React include: More suitable for large-scale applications and better testability, suitable for both web and native apps, more support and tools brought by a larger ecosystem.

In fact, React and Vue are both very good frameworks. They have more similarities than differences, and most of their best features are the same. If you want to reduce learning costs or integrate a front-end JavaScript framework into an existing application, Vue is a better choice. If you want to build large-scale application projects or use JavaScript to build mobile applications, React is definitely the best choice.

Recommended learning: "react video tutorial"

The above is the detailed content of Which one is bigger, vue or react?. For more information, please follow other related articles on the PHP Chinese website!

Statement
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
react中canvas的用法是什么react中canvas的用法是什么Apr 27, 2022 pm 03:12 PM

在react中,canvas用于绘制各种图表、动画等;可以利用“react-konva”插件使用canvas,该插件是一个canvas第三方库,用于使用React操作canvas绘制复杂的画布图形,并提供了元素的事件机制和拖放操作的支持。

react中antd和dva是什么意思react中antd和dva是什么意思Apr 21, 2022 pm 03:25 PM

在react中,antd是基于Ant Design的React UI组件库,主要用于研发企业级中后台产品;dva是一个基于redux和“redux-saga”的数据流方案,内置了“react-router”和fetch,可理解为应用框架。

React是双向数据流吗React是双向数据流吗Apr 21, 2022 am 11:18 AM

React不是双向数据流,而是单向数据流。单向数据流是指数据在某个节点被改动后,只会影响一个方向上的其他节点;React中的表现就是数据主要通过props从父节点传递到子节点,若父级的某个props改变了,React会重渲染所有子节点。

react中为什么使用nodereact中为什么使用nodeApr 21, 2022 am 10:34 AM

因为在react中需要利用到webpack,而webpack依赖nodejs;webpack是一个模块打包机,在执行打包压缩的时候是依赖nodejs的,没有nodejs就不能使用webpack,所以react需要使用nodejs。

react是组件化开发吗react是组件化开发吗Apr 22, 2022 am 10:44 AM

react是组件化开发;组件化是React的核心思想,可以开发出一个个独立可复用的小组件来构造应用,任何的应用都会被抽象成一颗组件树,组件化开发也就是将一个页面拆分成一个个小的功能模块,每个功能完成自己这部分独立功能。

react和reactdom有什么区别react和reactdom有什么区别Apr 27, 2022 am 10:26 AM

react和reactdom的区别是:ReactDom只做和浏览器或DOM相关的操作,例如“ReactDOM.findDOMNode()”操作;而react负责除浏览器和DOM以外的相关操作,ReactDom是React的一部分。

react中forceupdate的用法是什么react中forceupdate的用法是什么Apr 19, 2022 pm 12:03 PM

在react中,forceupdate()用于强制使组件跳过shouldComponentUpdate(),直接调用render(),可以触发组件的正常生命周期方法,语法为“component.forceUpdate(callback)”。

react有没有双向绑定react有没有双向绑定Apr 21, 2022 am 10:24 AM

react中没有双向绑定;react的设计思想就是单向数据流,没有双向绑定的概念;react是view层,单项数据流只能由父组件通过props将数据传递给子组件,满足了view层渲染的要求并且更易测试与控制,所以在react中没有双向绑定。

See all articles

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
3 weeks agoBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Best Graphic Settings
3 weeks agoBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. How to Fix Audio if You Can't Hear Anyone
3 weeks agoBy尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

WebStorm Mac version

WebStorm Mac version

Useful JavaScript development tools

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

Integrate Eclipse with SAP NetWeaver application server.

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser is a secure browser environment for taking online exams securely. This software turns any computer into a secure workstation. It controls access to any utility and prevents students from using unauthorized resources.