React Bootstrap Tutorial

[@AdrianTwarog]

I am trying to grow my channel, so if you find this video useful, #subscribe & hitting the #bell :) Thanks for watching and hope you liked and learnt something new!

[@shaidor]

Hello Adrian ! I am trying to learn how to import bootstrap in my react project, your video helped me a lot but can you suggest me any tutorial about how to combine sass with bootstrap and react? I have learned some basic stuff about bootstrap but i don't know how to insert custom colors, themes etc.. in my project.

[@AdrianTwarog]

CRA has ways to add it, or even using styled-components

[@King1Toni]

quite the open and direct guy, nice

[@prateek1728]

where can i find the source code of your lecture?

[@alexkruk4683]

Thank you for video! You have Polish name and surname. Are you parents from Poland?

[@the_true_hier_to_the_sharingan]

You just delivered a 1hr lecture in 15 mins, it is great. This is how you introduce something. Awesome content man, keep going.

[@AdrianTwarog]

JAY TAILOR that’s great to hear!

[@deliriumcode]

@@AdrianTwarog I can fully agree with JAY, if you can - please provide us with more content like this!

[@harishvasisht782]

@@AdrianTwarog worthful video ❤️

[@basaniranjan2352]

hdhchoco

[@AsheAve]

Great tutorial. I love how you started and kept it simple. I've struggled with overcomplicated React tutorials that just included Bootstrap but didn't explain much about the connections. Excellent. I'm applying for jobs in a couple of weeks and this will be a huge help.

[@hapogenmanrow8038]

holy shit dude ive been seraching for 2 hours how to use bootstrap in my react project for homework and luckily i found you thanks mate!

[@muhammadinshal2742]

Bro, I wish that I could learn every concept of programming in 15 minutes with rich content like this......100/100. Very ungaging video..............................🙂 Thank You!

[@maverickreynolds]

Literally the highest value per second tutorials on this found on KZbin! Another subscriber right here

[@wagnerdds]

I loved that you are straight to the point without missing any important piece of infomation. Thank you!

[@AdrianTwarog]

Thanks it’s what I aim for

[@elkhanhamet2561]

Mate you're a rockstar of the web design, so far everything I've been searching for is covered by your tutorials. 👏👏👏🎸🎸🎸🙂🙂

[@DamianDemasi]

Today I search for 3 React related videos. Adrian was the top pick. You are doing a great job! Thanks for all the amazing content!

[@vitorgabrielcesarino3983]

OMGG, thank you so much for your help, I wasn't able to use the bootstrap properly because I didn't import this css library

[@deekshithpodila3928]

I really appreciate the quality of production and content of each and every video produced. I really think you should have a lot more subscribers.

[@AdrianTwarog]

:) thanks it’s always nice to hear stuff like this :)

[@batumanav]

I didn't have any single idea about bootsrap before the video and now I feel like I can create new application lol

[@amymarais4909]

This was a life-saver! So much clarity provided

[@CourageousCreatives]

Thanks for this great tutorial! I'm working on my first React app for my fullstack dev bootcamp. This was helpful!

[@AdrianTwarog]

Glad it was helpful!

[@ArifHussain-gf2jz]

The way you teach is really awesome, Love from India..

[@renatomontagnana]

Hi, Adrian. Thanks for sharing this tutorial. I'm doing a challenge regarding a job and I need to learn React-Bootstrap and apply in this challenge. Very useful. I've already subscribed into your channel. Greetings from Brazil!

[@zooom6286]

Dude. Saw u on brad's vid. After watching i subbed to u as well. U have amazing contents. Keep em coming. Thank you 🤙

[@AdrianTwarog]

Thanks!

[@katanacodes6835]

Great work Adrian, keep up the pace. We need you!

[@AdrianTwarog]

Will try!

[@danilodiniz8887]

This video is exactly what i was needing, thx for your content! hugs from Brazil! 🔥🔥

[@mrgaud]

Thanks bud :) saved me some time having to read through the docs

[@hananhaider4254]

It's better than 2 hour tutorial. Thank you so much bro.

[@jeetray11]

I have been looking for courses to learn react-bootstrap library all day today but didn't bother to come to YT. In 15 minutes you gave me a solid idea on what it can do and how to use it. Thank you! Where can I get/buy a comprehensive training material on this CSS library?

[@xsytrance]

I'm completely new to React and this was a big help. Thank you!!

[@kianbeev744]

you have a nice teaching style. Subscribed

[@usmanhabib3390]

it help me in first 6 mints to understand thanks man... subscribed and liked your channel...

[@alefrrlima]

What a good video, thanks a lot. I've never used bootstrap before, this tutorial have give me a good overview.

[@catalystakhand]

Just a simple and awesome way to cover a lot of topics. Thanks 👍

[@PrudhviRoyals]

Superb explanation adrian Thank you very much I Hope your channel will get 1Million Subscribers As soon As possible😊😊😊😊

[@King1Toni]

Thats what i name a real crash course. An awesome one, thank you

[@magnobaglieri]

Good introduction to React. Would be good if you make a tutorial about how to manage the routing too

[@ivancastillo3893]

Awesome video! Great structure for showing the most important points of react-bootstrap, and enough to give a good gist of the structure so that I can easily learn the rest through the docs

[@kenkioqqo]

I really enjoyed this video, Adrian. I am learning Front-end Development at the moment...I've become very good at HTML and CSS, and am at an intermediate level in JS. You've just demystified this whole concept for me in a very simple and practical way. I now feel excited and more confident about using React and Bootstrap in my projects. Thanks a lot. Though I've just discovered your channel, I look forward to learning more from your videos.

[@AdrianTwarog]

Thanks great to hear!

[@momoduoladapo4097]

You have given men everything I need. I cant just go ahead to build while I continue studying the fundamentals of ReactJS. I have been using Bootstrap to build complex apps for a long time now. Thanks. Find a translator to tell you what I meant in my previous comment. More Wins Adrian. 🎈🎈🎈🎈🎆🎆🎇🎇🧨🧨✨✨🎉🎉🎊🎊🎄🎄🎄🎄

[@RodrigoRigotti]

Hi! It might be worth noting that the "npm install" command on the video installs bootstrap 5, which react-bootstrap still doesn't support (as of July 2021). To overcome that it's better to lock bootstrap at a 4.x version - eg, 4.6.0. I noticed my forms were rendering really weird, with no gutter at all, so I eventually found that out. Other than that, great video! :)

[@tuetktran9477]

Thanks for this. Encountering same problems. How'd you lock bootstrap versions?

[@RodrigoRigotti]

@@tuetktran9477 just append "@" followed by the version in the install command - eg, "npm install bootstrap@4.6.0"

[@rvicinip]

Thank you! What a great content. The best teacher on Bootstrap and React. Thanks!!

[@AdrianTwarog]

Great thanks

[@dhanishthaghosh9548]

I came here looking for the React Bootstrap Navbar, but was thoroughly disappointed since Adrian didn't mention it. But the rest of the stuff if useful. Thanks.

[@evanlittle114]

Thank so you much! Now I finally understand how to add bootstrap to my next.js project. You're amazing. I'm embarrassed I tried for 3 or 4 hours to figure out how to add basic component library to my app. Will definitely be watching more of your tutorials!

[@ariolverab]

Great video Adrian! clear, simple and just to the point. Thanks

[@henryjackson3186]

thanks a lot, I can now build my project

[@sumukhakb2701]

It is really helpful a video. I am definitely going to use React bootstrap rather using original bootstrap

[@AdrianTwarog]

Cool thanks man!

[@sumukhakb2701]

@@AdrianTwarog Please make a video on performance optimization in react and explain how use callback, use memo works. Thanks in advance. You really deserve more subscribers

[@oussemabouyahia474]

clear and concise , really appreciated

[@electrobuilds4656]

Short and to the point! Thanks!

[@mikelord]

Fantastic job Adrian!! Love this.

[@KevinJonesCreates]

Adrian, Great video! Thanks for the quick but well explained intro to bootstrap in react. Exactly what I needed to know before diving into it.

[@dancemusikk]

You saved my project!! Omg thank youuuuuuu!!

[@sokkpupptz]

Great stuff Adrian! Clear, succinct and to the point, very useful :)

[@fransimanuel7782]

it helped me a lot bro, thx you so much

[@alexandrohdez3982]

absolute... love your video 👏👏

[@AdrianTwarog]

Thanks!

[@fmaciel2]

Excellent work! Thank you *very much* for the great tutorial!

[@tugrularslan542]

Hey Adrian, grate example :-) . I have one question. Couldn't we used the boostrap classes on basically html tag as example and so on? Best Ragards from Germany

[@AdrianTwarog]

Yes you can!

[@shinibarney41]

you just saved my time awesome tutorial

[@АлександрЖарков-у9ш]

Excellent lesson, sir. My gratitude.

[@timewilltale9214]

Bahahah the icecream truck going past at the end there made me think I was going insane, I was wondering why mr icecream man was driving around at like 7pm

[@primatondyaryakurniawan267]

Please do with the reactstrap, i'm confused sometime that these two is similiar but they're different thing to approach

[@HopeAndrea_HFG]

This was perfect, thank you!

[@434946]

I'd be really happy if I had half of your speed at coding haha, great video btw!!

[@thevloglife105]

Lovely tutorial. I got it problem solved from you.

[@petermakaumutuku9150]

Good Job Big Man...A small tutorial that thunders like an earthquake..!

[@sithumdilanga650]

Thanks man. Easy to follow

[@malikhannan6037]

greet sir , struggling for last 2 hours and got it😇

[@kakarende]

really great video. very easy to understand

[@unknownuser5910]

Nice explanation. Time saver.

[@HudsonDiasFotografia]

Awesome video! Thank you!

[@AdrianTwarog]

For sure

[@fernando73820208]

This video was very useful, I had to sub + like & hit the bell, hope to see more videos like this.

[@aseel1024]

there is another library Material-ui which is also very good and uses JSS style to avoid global style issue. does react-bootstrap use jQuery ?

[@AdrianTwarog]

Aseel in this case I think we are just importing the styles without jQuery, but I will check out material ui

[@webdev5244]

Yeah, I really like MUI.

[@PenguinTriedCoding]

Bootstrap 5 no longer uses jQuery dependency

[@fangyongsun7182]

Thanks very much. Very good video!

[@sharkman6434]

thank you friend, make more videos for react bootstrap please !!

[@lostelogaming]

Nice video, It's very helpful, thanks!

[@AdrianTwarog]

You’re welcome :)

[@programadorfrontend8968]

bootstrap is amazing. awesome video

[@nanimys]

wow.. thanks, mate! it's helpful so much!!

[@guerrierekang5694]

Wow thank you very much, you know how to teach! thanks, man.

[@thankfully99]

Thank you sir! Highly excellent

[@fortoday04]

Hey, nice tutorial, I enjoyed it. The lighting on your face looks a little blown out. It's hard to distinguish features. I like the coloured lights on the sides but maybe the fill light needs a little work.

[@scottrobison6316]

Very helpful. Thank you!

[@juanguerra3472]

Hi Adrian and all the people! Is there a way to apply a vertical alignment? I created my own style-sheet following the provided documentation in the official page. Great video Adrian! Thanks guys!

[@donbigosso]

Dobra robota Adrian!

[@AdrianTwarog]

Good thanks!

[@shashwatgupta_]

can we use multiple classes in classname ? and can we use breakpoints too like mb-md-5 ?

[@youssefbenouiran7262]

nice straight to the point gj

[@al-aminashik4440]

make a playlist with React-Bootstrap

[@erobiamshinima3766]

Aw, you are great tutor bros, thanks, man :)

[@a_maxed_out_handle_of_30_chars]

this was good, thank you :)

[@protosslover]

What exactly does the controlId in the form do? I don't see really any difference in the video, and I don't see any difference when I try it out myself. The rest of the video was super informative, my only source of confusion is on what controlId does.

[@joelmathew5655]

how do we know what are the bootstrap classes or components we need to use in a react app ? For a beginner like me, the hard part is figuring out the available bootstrap components in react and how to use them.

[@robertobaldizon8206]

Awesome content. Thanks.

[@m.jurydube6004]

Thank you so much for this

[@sandupaegodage8163]

good job nice introduction

[@praveenvatambeti591]

@Adrian Twarog What is the theme you are using in vs code ? It's looking cool.

[@AdrianTwarog]

One dark theme

[@davidspot191]

Thanks for this tutorial. I'm a beginner at this but I have a question: do I need to always add the import Button.... code into every new component I create? I've tried leaving it in my App.jsx and created my button in another component like Card.jsx, Do I actually need to still add import to the card jsx component?

[@basiccodingwithadam8125]

Very nice video!

[@AdrianTwarog]

Thank you very much!

[@anujpokharel8995]

Waiting for full bootstrap 5 tutorial

[@AdrianTwarog]

anuj pokharel it will come!

[@zezonoaman7524]

very nice video

[@mahdou3608]

just want to know how bootstrap implement somthing like card.title

[@MdNaimurRahmanHera]

Nice tutorial

[@axelgrind]

Helpful! Thanks :D

[@AdrianTwarog]

Great awesome 👏!

[@krushnnabaviskar2170]

Loved it

[@AdrianTwarog]

Thanks!

[@terry_swd]

What's the difference between importing the different Bootstrap components vs. just using the Bootstrap CDN in the index.html file? Both seem to work no?

[@AdrianTwarog]

Yea both should be more or less the same

[@celina6204]

At 11:50, when you talk about controlID, how does the form know which input element you're referring to when you use "formEmail"? I don't see a matching ID in the form group. Am I missing something? Great video btw!

[@DeathBender]

i'm really curious about Bootstrap, React-Bootstrap and Reactstrap, and i have yet to find a place where the differences are explained properly, are up to date (usually people mistake one for the other and refer to older versions, where any of the 3 would rely on jQuery) and what are the actual advantages of using one over the other or possible use cases (emphasizing advantages)

[@codetheworld6721]

Nice Bro.. Keep Going

[@MrMarcoAlvarado]

Hi, is it really worth leaning it? How do you deal with breakpoints, responsiveness??