React Query Tutorial - 2 - Project Setup

Use coupon code: CodevolutionYoutube for any workspace upgrade. Select "Add promo code" on checkout, enter the code, then hit "Apply". This will apply a 100% OFF lifetime discount to your subscription. Enjoy and feel free to invite others to your workspace!

📱 Follow Codevolution

React Query Project Setup

[muhammadfarrukhfaizy]

For those who following with the latest update to router, you must use Routes instead of Switch

[migueljara]

If someone is looking for the App file code, here it is:

import { BrowserRouter, Routes, Route, Link } from 'react-router-dom';
import HomePage from './components/HomePage';
import SuperHeroesPage from
import RQSuperHeroesPage from

const App = () => {
return (
<BrowserRouter>
<div>
<nav>
<ul>
<li>
<Link to='/'>Home</Link>
</li>
<li>
<Link Super Heroes</Link>
</li>
<li>
<Link to='/rq-super-heroes'>RQ Super Heroes</Link>
</li>
</ul>
</nav>
<Routes>
<Route path='/' element={<HomePage />} />
<Route path='/super-heroes' element={<SuperHeroesPage />} />
<Route path='/rq-super-heroes' element={<RQSuperHeroesPage />} />
</Routes>
</div>
</BrowserRouter>
);
}

export default App;

[mukurpuri]

For people looking out for superheroes json

{
"superheroes": [
{
"id": 1,
"name": "Batman",
"alterego": "Bruce Wayne"
},
{
"id": 2,
"name": "Superman",
"alterego": "Clark Kent"
},
{
"id": 3,
"name": "Wonder Woman",
"alterego": "Princess Diana"
}
]
}

[amoghshendre]

Anyone running into this issue : The prop `history` is marked as required in `Router`, but its value is `undefined`. in Router
make sure your import statement in App.js is in correct order.

import { BrowserRouter as Router, Routes, Route, Link } from 'react-router-dom'

replace switch with Route:
<Route path='/super-heroes' element={<SuperHeroesPage/>}>

No need to downgrade react-router-dom

[biaojin]

Error Package subpath './lib/tokenize' is not defined by "exports" I got this error, how i can fix this

[poojayaligar]

Why am I not able to find the code in the github?

[AdnanShaikh-jccf]

Great series, Can I ask in how many days you plan to complete this series ? As I am eagerly waiting for this series and planning to start working on it . Thanks

[usmanasif]

please peovide css code for "Styles to navigation" (7:29)minutes

[ankitdas]

Please stop using white screens and Please switch to dark theme

[VanessaBohyunPark]

I've been following this video and at 9:58, I'm not getting the website page. I'm getting the array in db.json. Can you please explain how I can solve this issue?

[aphiwitboonprasert]

for ract-router v6 : need to change to

``` <Routes>
<Route path='/super-heroes' element={<SuperHeroesPage />}></Route>
<Route path='/rq-super-heroes' element={<RQSuperHeroesPage />}></Route>
<Route path='/' element={ <HomePage/>}>
</Route>
</Routes> ```

[venu]

Great series, Please tell me which theme extension you're using in VSCode, it's looking good

[milad]

This is my obligation to thank you for these life changing courses.

[nn-tv]

Thanks for your awesome tutorial about React Query.

[mihas]

Where can I take the code from 6:55 in the video to paste in App.js?

[prafullsingh]

Build a series on React-Router V6 specially How can we make e-com ?

[rohithprabakar]

please update the react-router code in the code template as switches are not working in the Version 6 update

[souravdas]

Can anyone please help I am using npm and when I run npm serve-json it gives me error

[yousseftemraz]

kindly note that the switch now is deprecated and instead, we use <Route> with the element prop of the component we want to render!.. thank you

[MARIRAJASELVAKUMAR]

Thank you for all these wonderful content!