React + Bootstrap 5 - let'st build a real page

📰 If you prefer written tutorials, you will find 25+ lessons on Bootstrap here -

👨‍👩‍👧‍👦 If you have any questions - don't hesitate to ask on our Facebook group:

⭐ Support creation of open-source packages with a STAR on GitHub

#react#bootstrap5#tutorial

[Mdbootstrap]

I hope you liked the video. If you are already here in the comment section, I invite you to let me know what other videos would you like to see in the future. Also, share any other feedback that you have on this video!

I don't run ads on tutorials - the only value I get is your engagement in the MDB community.

So if you would like to show your support:
- Encourage more people to Keep Coding ---> Send this video to one person
- Stay tuned for new content ---> Subscribe & ring the bell

In the description, you will find links to some useful, free resources:
📥 Download Material Design for Bootstrap - FREE open-source UI KIT
🎓 Learn responsive web design with the latest Bootstrap 5 (full 1.5H course)
🎁 Join our mailing list & receive exclusive perks (free stuff that is normally behind a paywall)
⭐Support the creation of open-source packages with a STAR on GitHub
👪 If you have any questions - don't hesitate to ask on our Facebook group

Thank you for your support!

[akashrizvi]

Simple and great,
The most I like is the free and simple web hosting method.

[robmiller]

This just clarified so many little details that have impeded my ability to utilize bootstrap effectively in react applications. Thank you SO MUCH

[unknownguy]

finally someone who is fast and isnt talking for 30 minutes

[brentbermejo]

Thank you for this tutorial ! Such a huge help for me.

[NikkiJ]

thank you, just need a video for react and react-router to build a page, this was fantastic!

[momoduoladapo]

Best of them all. You built a website in realtime just like in about 12 minutes. Thanks for the lecture. Am watching this over again

[sonictooth]

dzięki ta ten Tutorial :) jestem właśnie w trakcie pisania czegoś do swojego pierwszego portfolio :)

[cckb]

Huge thank you! I will build an awesome bootstrap app now :)

[fernandoflores]

Thanks a lot, your explanation was really good!

[carlosesierra]

nwbi here: where can I find the html generated? (which folder?) thanks!

[wadanemacho]

hi, one questin, why you can use class instead of className in react? thanks

[hehehehehehehe]

that's amazing but my question is how can i know the class name like you give

[alexcwarren]

If you wanted to change the background color and the text color of the navbar, for example, how would you go about doing that with the Navbar react-bootstrap component?

[moatazabdelraouf]

Bootstrap is acting very strange for me. Whenever I try to add the Button component, for some reason, I end up with a completely BLANK page. Like, even when I inspect it, I cant find the react template HTML code (its disappears somehow). Does Bootstrap do the same thing for anyone else??

[Localbuka-dev]

boss, the image library was from bootstrap, how can I use images from my local PC?

[stefannolte]

The video is good, but it could be zoomed in a bit more, especially with the content that is in the browser. It's hard to read on a laptop.
When something is typed into the command line, it shouldn't be all the way at the bottom of the screen either. When the video is paused, everything is obscured by the bar.

[warriorsitewarriorsite]

Cześć,
Będzie może jakiś tutorial odnośnie layoutu przy większych rozdzielczościach 2, 4, 8k? chodzi mianowicie w jaki sposób powiększyć wielkość tekstu, ikon czy search bara. o ile bootstrap jest fajny przy rozdzielczości pc - tel to powyżej jest tragedia próbujesz pisać pod 4k to trzeba pisać pod kilka rozdzielczości bo zawsze sie coś przemieści.

IMHO better use react + bootstrap 5 pure without react-bootstrap otherwise you loose the mobile and other benefits of pure bootstrap 5. Since Bootstrap 5 no longer depends on jQuery.

[wadanemacho]

hey chatGPT thinks you may be doing the wrong way....
In the video you provided, the instructor used class instead of className when adding Bootstrap classes to his React components. Although it is technically valid HTML and JSX syntax, it is considered bad practice because class is a reserved keyword in JavaScript and could cause problems when working with other libraries or code.

In general, it is always better to follow the conventions and guidelines of the React community, which recommends using className instead of class to add classes to your components. This will ensure that your code is consistent, easier to read, and less likely to cause issues in the future.