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

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!

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

finally someone who is fast and isnt talking for 30 minutes

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

Gem 💎

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

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.

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

Helpful thank you

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??

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.

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

You make it look so easy 😉

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

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

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

👌

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?

Thankssss

Thanks a lot, your explanation was really good!

Why would you develop one way and then change the code for production? Develop with proper standards seems more logical ...

This was excellent, thank you.

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

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.

Bardzo dziękuje za video. Powysyłałem kliku uczącym się znajomym. W tym Bootstrap 5 tutorial - crash course for beginners znajde jak zmieniać kolory (nie będacych dostepnych na codzień) w bootstrapie w łopatologiczny sposób?

prosiłbym o większy tekst, by móc oglądać w niższych rozdzielczościach

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.