Unlike HTML DOM which re-renders the app every time a change occurs, React DOM only does it on the specific change on the page and only re-renders on the part that is changing, not the entire app. React DOM acts as a place to hold your app's state to see whether there's a change in the app. React DOM is different from a normal DOM in HTML. However, React provides what they called React DOM, which makes React a lot faster. Normally, Bootstrap is gonna be enough for you to build a fully functional web application. Usually it is desirable to follow a certain pattern considering that you might want to apply best practices in the language you are using.īootstrap is a full-fledged HTML, CSS, and JavaScript Framework, unlike React. And when using a framework, usually there's already a certain pattern that you must follow, and the framework decide the flow. Well, why does it matter? As you come across different libraries and frameworks, you might notice by the 'flow.' When using a library, you decide how you're gonna use it, as you control the flow of your app. they made it clear that they are a JavaScript library and not a framework. React JS is an open source library claiming to be 'A JavaScript library for building user interfaces.' And they do live up to their claim as they do an amazing job to do just that, building user interface (UI). So, I recommend reading until the end of this article.

But, before diving into how to include Bootstrap in a React App, there are things you might want to consider. React JS and Bootstrap are popular choices in frontend development, especially for building robust site with reusable UI components, scalable and fast web apps.

React bootstrap