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

Karl Krasnowsky free asked 10 months 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.


Krzysztof Wilk staff answered 10 months ago


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!



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

Specification of the issue

  • User: 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