React Router Tutorial Crash Course | Real Reactjs Project Part#2

Coupon for the course $12.99, Get for the lowest price!
Expires 04/15/2021 10:00 AM PDT (GMT -8)
coupon: 5588631EC797969FE4D9

React Router Tutorial Crash Course Real Reactjs Project! We continue to learn react-router, in this video, we'll gonna build two components SpeakersList where we gonna display all the speakers, and then we'll going to use react-router-dom method useParams() which allow us to grab speaker by id and route to the SpeakerInfo component where we'll going to display the speaker info.

and also you will find out the difference between NavLink and Link and how to use them properly, how to use nested routes in component, and much much more!!!
Also if you never used Bootstrap in React JS this project is a good example where you'll see how to use Bootstrap in React! So follow me and let's have fun by building this project!

// ========== Follow me on social media =========== //

Source code and Q/A in Patreon

[idelineblackline]

!you are the best :) even udemy or platzi

[MrVisheshsingh]

Quick tip related responsive design:
The project already has bootstrap installed as a dependency and there is no need to use media queries as bootstrap already takes care of it. All you have to do it just add an import statement to link JS bundle in index.js below bootstrap css import like this 👇

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import
import
import { BrowserRouter as Router } from 'react-router-dom';

ReactDOM.render(
<React.StrictMode>
<Router>
<App />
</Router>
</React.StrictMode>,

);

[DJalem]

For me as a react beginner this was very helpful. I just need to know which css framework I should use for react... material ui or bootstrap? For me honestly bootstrap is easier because I have much more experience. What do you recommend for real world?