What do I install? Backwards compatible? remove existing boo

Topic: What do I install? Backwards compatible? remove existing bootstrap?

Karl Krasnowsky free asked 2 years ago

Pretty basic question.I have an existing CRA/typescript project that has current installation of

"bootstrap": "5.1.2" and
"react-bootstrap": "^2.0.0"

and utilizing grid layout and various styles.

I'm looking to add mdb for the additional component support.Does mdb replace the above installed libraries and I should uninstall those modules and use mdbreact or mdb-ui-kit to replace it (and of course update references accordingly)? Or are they entirely separate libraries that can/should be used together?And what decision points do I consider when choosing between installing/using mdbreact or mdb-ui-kit ?

Too many variables here for me to get my head around. Please advise.

Add comment

Krzysztof Wilk staff answered 2 years ago

0 0 Best answer

Hi!

Our libraries won't cause errors with <code>bootstrap</code> and <code>react-bootstrap</code> dependencies but can overwrite styles provided by them - our minified <code>CSS</code> files already contain compiled bootstrap code with our improvements. Some components we created from scratch also have their own styles bootstrap don't have. Our libraries will also work without the ones mentioned above :)

I think you can use the <code>mdbreact</code> or <code>mdb-react-ui-kit</code> package to replace your current bootstrap components but have in mind that you'll probably have to provide different props to them (check our documentation to see more <a href="https://mdbootstrap.com/docs/b5/react/" target="_blank">https://mdbootstrap.com/docs/b5/react/</a>).

According to the differences between packages - MDB4 React (mdbreact) is our old package based on React 16 and Bootstrap 4, so you wouldn't have a pretty layout as Bootstrap 5 provides. MDB5 React (mdb-react-ui-kit) is based on React 17 (with hooks), Bootstrap 5, it is lighter than the previous one and gets more updates, so we strongly recommend using this one :)

Keep coding!

Please insert min. 20 characters.

Hi!

Our libraries won't cause errors with bootstrap and react-bootstrap dependencies but can overwrite styles provided by them - our minified CSS files already contain compiled bootstrap code with our improvements. Some components we created from scratch also have their own styles bootstrap don't have. Our libraries will also work without the ones mentioned above :)

I think you can use the mdbreact or mdb-react-ui-kit package to replace your current bootstrap components but have in mind that you'll probably have to provide different props to them (check our documentation to see more https://mdbootstrap.com/docs/b5/react/).

According to the differences between packages - MDB4 React (mdbreact) is our old package based on React 16 and Bootstrap 4, so you wouldn't have a pretty layout as Bootstrap 5 provides. MDB5 React (mdb-react-ui-kit) is based on React 17 (with hooks), Bootstrap 5, it is lighter than the previous one and gets more updates, so we strongly recommend using this one :)

Keep coding!

Add comment

Write

Create snippet

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

ForumUser: Free
Premium support: No
Technology: MDB React
MDB Version: MDB5 2.2.0
Device: NA
Browser: chrome
OS: NA
Provided sample code: No
Provided link: No

Karl Krasnowsky

5Support score
1Questions 0Answers 0Snippets