Build a Website with React, React-Bootstrap and React-Router



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”

  1. 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 =/

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

  3. 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)

  4. 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

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

Leave a Reply