Home >Web Front-end >Front-end Q&A >What is the difference between Weex and React Native?

What is the difference between Weex and React Native?

青灯夜游
青灯夜游Original
2020-11-20 15:30:2210928browse

Difference: 1. Weex uses Android V8, and React Native uses JSCore. 2. Weex is based on Vue. Due to the late open source, there are relatively few relevant materials on the Internet and the community is small. React Native uses React, and the community is relatively active, with abundant projects and materials for reference.

What is the difference between Weex and React Native?

weex introduction

weex was open sourced by Alibaba in June 2016 A UI framework for building mobile cross-platform

Features:

1. Lightweight: lightweight, simple syntax, easy to use

2.Extendable: extensible , Rich built-in components, scalable API,

3. High Performance: High performance

Core concept: Write Once Run Everywhere

Based on JS development framework: weex is based on vue .js

Introduction to React Native

The cross-platform UI framework open sourced by Facebook at the F8 Developer Conference in March 2015

Core concept: LEARN ONCE, WRITE ANYWHERE

Based on JS development framework: React Native is based on React

The difference between Weex and React Native

JS Engine

weex uses Android V8, iOS uses JSCore, and React Native uses JSCore

JS development framework:

weex is based on vue.js (2W star). Small and lightweight front-end development framework, componentization, data binding, virtual dom introduced in 2.0.

ReactNative uses React (5W star). Revolutionary front-end development framework, componentization, data binding, virtual dom.

Learning cost

1. Environment configuration:

ReactNative needs to install and configure many dependent tools according to the documentation, which is relatively troublesome. Weex can be used after installing cli

2. Vue vs react: The comparison has been done above

react template JSX learning and use has a certain cost. Vue is closer to the commonly used web development methods. The template is Ordinary html, data binding uses mustache style, style directly uses css

Performance

1. Subpackage loading

ReactNative needs to be implemented by yourself, Thereby optimizing the JS loading execution time

Weex provides subcontracting implementation by default

2. Large block view rendering

ReactNative does not have an optimization mechanism by default, and the rendering performance of long views will be relatively poor

weex provides two rendering modes: node and tree, optimizing the rendering of long views

Community support

Weex is open source late, relevant information on the Internet There are still relatively few, and the community size is small;

The React Native community is relatively active, and there are many projects and materials that can be referenced

For more programming-related knowledge, please visit: Programming getting Started! !

The above is the detailed content of What is the difference between Weex and React Native?. 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