[ad_1]
https://i.ytimg.com/vi/jgVkR5EKI68/hqdefault.jpg
Slack Channel – https://slack-code-life.herokuapp.com/
Please LIKE, SHARE or COMMENT if you appreciate this video! It helps others find the content.
In this video, I use React, React-Bootstrap and React-Router to quickly build a website. I have another tutorial where I build a website with React and Bootstrap 4 but this time I wanted to use the React-Bootstrap library that many people have been asking about. Please leave a comment if you have any questions.
Github Code – https://github.com/MyNameIsURL/react-bootstrap-website
Original source
49 responses to “Build a Website with React, React-Bootstrap and React-Router”
Goog job!
thank you for video its great. Is it possible to do a another video on customising more react-bootstrap components? Just like you did the navbar. I am finding it so tricky to change style without turning my css into a bunch of crazy !important and messing up my specificity =/
Nice video, I am so thanful..
ps. Does anybody know how he did this, what is shortcut for that typing on multiple places
6:08 Just use " shift + ctrl + F " to atomatically align code/text in VS code
Nice work
Thanks for the tutorial! 😀
Just getting into react, cheers buddy for the awesome video!
very easy to follow along
how to create register from in react js and connection with mysql database plzz help
Don't forget to join my free slack channel where I answer questions! https://slack-code-life.herokuapp.com/
can we do d-sm-none type stuff in reactbootstrap? I couldn't find documentation on it. eg lets for the jumboron we only wanted the h2 and not the p.lead text on small screens. In bootstrap 4 you can do d-md-none , how do we do that in v3?
Media queries only way right?
please mooooar
That 'pwerson' and not saving the CSS was killing my OCD. Good stuff overall tho. 🙂
Great video! Thank you for this tutorial 🙂
Subscribed!
Gotta say…
This was awesome!
Keep making stuff like this!
How to deploy react multi page webapp to server using filezilla? Can any one help me?
very gooooooooooood
i want more example with data base
This is an awesome tutorial. It's simple and straight to the point, you tell me exactly what I want to know. Is there any place we can donate? I'll gladly buy you a beer mate.
Hi Brice.Sorry, I have a warning in the console. Could you tell us how to fix this? index.js:2178 Warning: Invalid value for prop `component` on <a> tag. Either remove it from the element, or pass a string or number value to keep it in the DOM. For details, see https://fb.me/react-attribute-behavior
in a (created by SafeAnchor)
in SafeAnchor (created by NavItem)
in li (created by NavItem)
in NavItem (at CustomNavbar.jsx:18)
in ul (created by Nav)
in Nav (at CustomNavbar.jsx:17)
in div (created by NavbarCollapse)
in Transition (created by Collapse)
in Collapse (created by NavbarCollapse)
in NavbarCollapse (at CustomNavbar.jsx:16)
in div (created by Grid)
in Grid (created by Navbar)
in nav (created by Navbar)
in Navbar (created by Uncontrolled(Navbar))
in Uncontrolled(Navbar) (at CustomNavbar.jsx:9)
in CustomNavbar (at App.js:15)
in div (at App.js:14)
in Router (created by BrowserRouter)
in BrowserRouter (at App.js:13)
in App (at src/index.js:7)
Thank you. I have learned from it. I like it also , it looks natural. keep it up.
Hello! Great tutorial, just two questions. What is the editor that you are using and how did you install all the React at the beginning of the video? Thanks!
Hello from Russia Brice.Thank you for your work. I have a question, why did you rename the JS in JSX files at the beginning???
Very Helpful, Thanks .
I want to ask you, if I want to make the website SAP. what do I have to change ?
very helpful video.Thank You very much.
<Navbar /> doesn't work from me. It doesn't show the navbar on homepage. 21:40 can anyone help please?
Thank man! Awesome Tutorial and i learn a lot.
I was your 1000th subscriber! Congrats and thank you for the awesome tutorial, keep it up!
i can say that… i dont have enough word to explain how awesome video is this!!!
Just WOW!! Really impresive.
Excellent! Thank you for this! I needed this for a project.
I've been trying to follow along with your tutorials but the first command that you use to start your project isn't found on my commandline
my <Image/> element isnt working why ?
Finally a tutorial that starts fresh and does everything step by step.
Way too many tutorials just jump into it with pre-existing code
do you have the github for this project ????
What theme were you using when you recorded this tutorial ?
Thanks dude!!
create admin panel with react! please bro
pretty good tutorial
Thank you!
This video was very useful but I got stuck in place of using React Router (i.e.,) While u enter localhost/about on the search bar .. it gives you the content of About file whereas for me it says Cannot GET/about . This problem exists for all the pages that I try to navigate. It is getting navigated from a page by clicking a button but not gets navigated while tried from the URL entering bar. Help me in fixing this issue ASAP
Thank you from India!
Hey, i'm try to install react-bootstrap into folder named react-bootstrap and i got an error, that say: i cannot instal package in a folder with same name
Do you know how to change the font? I try to change the font on CSS Body section but it seems to be overriden by react-bootstrap.
Thanks for video.
Create one more video with server-side rendering with same example.
good stuff
Awesome video! I'm having a problem though with chrome not being able to access the cdn css files from localhost. it's giving me a cors error so my site doesn't have css on chrome. do you know how i could solve this?
awesome
How do you deploy it now that it is finished? Cheers!
would this be a single page app?