bootstrap react difference

Currently, there are three popular front-end frameworks that I personally know: BootStrap, React, and Vue. But for BootStrap, React would like to explain more.

bootstrap is a front-end framework for styles, which is not the same type as the react front-end framework (recommended learning: Bootstrap video tutorial )

react is a front-end framework based on the mvc (model view control) or mvp (model view presenter) framework. The main purpose is to complete a single page web page (SPA).

MVC: Model (Model) View (View) Controller (Controller), mainly based on the purpose of layering, to separate each other's responsibilities.

MVP: evolved from the MVC model, and the Controller/Presenter is responsible for logical processing. The Model provides data and the View is responsible for display.

BootStrap:

Features a grid system, simple to use and easy to get started. It is specially designed for responsive pages. One set of code can be adaptive Tablets and PCs.

The shortcoming is the lack of a powerful set of systematic components (it was not available at the time of the survey, but it is said that it is now). When I actually used it, a scope conflict occurred. If you don't organize a complete set of components, development will be very tiring.

React:

React is a JAVASCRIPT library for building user interfaces, mainly used for Build the UI.

There are two main features:

1. One-way response of data. When the data changes, React will automatically manage the UI interface update

2. VisualDom (Virtual Dom). React manages changes to the Dom tree. Developers only need to use React’s virtual Dom for development, and the page will be rendered faster.

This leads to a bigger advantage: The mapping of virtual Dom to real Dom is controlled by React. So what if the virtual Dom is mapped to IOS or Android? So React Native was born, about 80% of Reactive Native The code can support both IOS and Android.

The disadvantage is that the GPL agreement of React has changed recently, which can easily cause business problems...

More Bootstrap related For technical articles, please visit the Bootstrap Tutorial column to learn!

The above is the detailed content of bootstrap react difference. For more information, please follow other related articles on the PHP Chinese website!