React-Bootstrap Terminologies
Component Library
Components are elements which can be reused and helps to build basic blocks of a websites frontend. A Component Library is a collections of components usually cloud-based which can be used by developers to create webpages.
CDN (Content Delivery Network)
A CDN is a group of servers which work together to provide internet content at a high speed. It generally loads assests such as HTML pages, stylesheets, images etc.
npm (Node Package Manager)
NPM (Node Package Manager) is the default package manager for Node.js and is written entirely in Javascript. It contains all the files needed for a module and modules are the JavaScript libraries that can be included in Node project according to the requirement of the project.
React Bootstrap Introduction
The most popular CSS framework for responsive layouts is Bootstrap. This open-source toolkit includes Sass variables, a responsive grid framework, and a large number of JavaScript plugins. It has now been redesigned in React so that it can work with React apps. Bootstrap 4 relies on jQuery, however, jQuery isn’t ideal for React because it manipulates the DOM directly, whereas React works with a virtual DOM. This leads to need of a module called React Bootstrap which effectively integrates Bootstrap with React
Table of Content
- What is React Bootstrap ?
- Why React Bootstrap?
- React Bootstrap vs Bootstrap Alone
- React-Bootstrap Terminologies
- Important React Bootstrap Components
- Features of React-Bootstrap
- How to setup and use React-Bootstrap ?