Get the App
SLTechnology News&Howtos  ›  Development  › 

What are the differences between bootstrap and react

Shulou Source: shulou.com Published: 2022-06-03 10:57:53 10月01日 Update

Editor to share with you what are the differences between bootstrap and react, I hope you have something to gain after reading this article, let's discuss it together!

At present, there are three popular front-end frameworks that I personally understand: BootStrap, React, and Vue. But React wants to explain more about BootStrap.

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

React is a front-end framework based on mvc (model view control) or mvp (model view presenter) framework, which is more important to complete a single page (SPA).

MVC:Model (model) + View (view) + controller (controller), mainly for the purpose of layering, to separate the responsibilities of each other.

MVP: evolved from the MVC mode, are responsible for logical processing through Controller/Presenter + Model to provide data + View for display.

BootStrap:

It is characterized by a grid system, easy to use and easy to use. Designed for responsive pages. A set of code can be adapted to tablets and PC.

The disadvantage is the lack of a strong set of systematic components (not yet at the time of the investigation, but now it is said to have). When I actually use it, there is a problem of scope conflict. If I don't organize a whole set of components, the development is very tired.

React:

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

There are two main characteristics:

1. An one-way response to data. When the data changes, React will automatically manage UI interface updates

2. VisualDom (virtual Dom). React manages the changes of 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 from virtual Dom to real Dom is controlled by React. What if the virtual Dom maps to IOS or Android? So React Native was born, and about 80% of Reactive Native code can support both IOS and Android.

The disadvantage is that there have been recent changes in React's GPL protocol, which can easily cause business problems.

After reading this article, I believe you have a certain understanding of "what are the differences between bootstrap and react". If you want to know more about it, you are welcome to follow the industry information channel. Thank you for reading!

Tags: Framework front end data page development code time features interface articles components shortcomings problems change control management three designed for advantages system Apple Docker Huawei Linux macOS MariaDB Microsoft MySQL NVidia OPPO Reno Shulou Technology macOS Apple Shulou Tech Info Huawei