Material UI in React #2 - Adding and customizing navbar, grid & basic routing

Material UI in React #2 - Adding and customizing navbar, grid & basic routing

The Atypical Developer

2 года назад

47,728 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

@dev.ar_0710
@dev.ar_0710 - 22.06.2024 16:03

visibility is very poor. You should have chosen a theme that has a good contrast with the background.

Ответить
@kiranbandarupalli5708
@kiranbandarupalli5708 - 07.03.2023 01:55

I am a beginner and these videos are not for beginners. So tough to understand and I'm gonna come back and watch these videos after leveling up!

Ответить
@Aikizu
@Aikizu - 16.02.2023 17:43

If anyone else is wondering why the heck the routing does not work as explained in this video, it is required to add "<Outlet />" in your App.js where you also have your "<Navbar />".

E.g.:
function App() {
return (
<div className="App">
<Navbar />
<Outlet />
</div>
);
}

Ответить
@_Mamimi
@_Mamimi - 12.02.2023 06:36

video is great, only recommendation i have is to change the color scheme of your vs code. it is a little hard to see what you writing.

Ответить
@24amit
@24amit - 12.01.2023 12:03

I have two requests: 1) To use light theme as the dark is hard to read through 2)Increase font size so that we can easily read on tables/mobile phone. Rest everything is great. Thanks

Ответить
@24amit
@24amit - 10.01.2023 17:06

This React series is really awesome and definitely better that many paid courses floating on web. I just scubscribed after watching #1 only.

Ответить
@sumanosti7263
@sumanosti7263 - 08.12.2022 18:29

Your tutorial have helped me insanely and stand out among my fellow colleagues, i would humbly request you to put a tutorial on lazy routing and loading method, i hope that you will. thanks alot.

Ответить
@erkinabdullaev7769
@erkinabdullaev7769 - 30.11.2022 15:34

sorry but the video quality is not good. it is kinda faded

Ответить
@rohandevaki4349
@rohandevaki4349 - 30.11.2022 08:01

after adding the routes of authenication ,etc in App.js, it is not working

Ответить
@simaobonvalot7697
@simaobonvalot7697 - 10.11.2022 22:32

Hey man, good job !

I would like to add color when the mouse hovers the drawer item, like it happens when we click.

How should we do it ?!

Thanks !

Ответить
@stefanocons
@stefanocons - 23.10.2022 16:12

Great series on Material UI!! Thanks a lot bro

Ответить
@omarbadial3880
@omarbadial3880 - 30.09.2022 05:31

Good tutorial but too much fast forward
and you have to copy the code from project repo which makes code breaks
I spent a lot of time debugging than if you have code along

Ответить
@purushothamguda7360
@purushothamguda7360 - 05.09.2022 06:40

Great Tutorial - Thanks a lot for this video

Ответить
@olga_c
@olga_c - 30.07.2022 23:05

Thank You, this was really helpful!

Ответить
@sportshome6504
@sportshome6504 - 04.07.2022 19:31

This tutorial is not for beginners. Believe, you will waste your time becoming more confuse if you are a beginner. Atleast for expert or intermediate Reactor

Ответить
@bernard3992
@bernard3992 - 04.06.2022 16:14

This will be kinda hard to follow for beginners .. as you skip stuffs with less explanation . Nice content btw

Ответить
@frankdavidaddae8397
@frankdavidaddae8397 - 05.05.2022 14:00

Great tutorial you have there. I am grateful for such a wonderful impart.
I have one little issue, after routing, the navbar component disappears. I don't know exactly why that was happening.
Any help will be greatly appreciated.

Ответить
@ayubbodirkhonov1623
@ayubbodirkhonov1623 - 03.05.2022 08:18

const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(
<BrowserRouter>
<Routes>
<Route path="/" element={<App />}>
<Route path="authentication" element={<Authentication />} />
<Route path="database" element={<Database />} />
<Route path="functions" element={<Functions />} />
<Route path="hosting" element={<Hosting />} />
<Route path="machine-learning" element={<MachineLearning />} />
<Route path="storage" element={<Storage />} />
</Route>
</Routes>
</BrowserRouter>
);

I don't know why it is not showing pages, but there is no error on compiling

Ответить
@cloudpathshala5192
@cloudpathshala5192 - 30.04.2022 19:34

rafce was the best thing i learnt, wish YT had a love icon as well.

Ответить
@thewpwing
@thewpwing - 21.03.2022 10:46

Verymuch exited to learn from this playlist. I was searching for a nice MUI admin dashboard tutorial and here it is. Best wishes :)

Ответить
@sujanmongar
@sujanmongar - 02.02.2022 18:26

After routing is done i cannot see text "This is * page."
Can you help me!

Ответить
@anferneevalera4861
@anferneevalera4861 - 27.01.2022 02:40

Hi there. I'm so happy and excited because I have a new job, and they want to use MUI to the UI, and I couldn't find a good tutorial that would make me feel better with this library until I find this video. Thanks a lot for this video and greetings from Venezuela :).

PD: You forgot to explain that we need to add the component <Outlet /> in the component <App />. Sorry for my English

Ответить
@haiderjaafer8164
@haiderjaafer8164 - 21.01.2022 18:07

Great work keep going forward,,, but you going fast in tutorial

Ответить
@danangponorogo166
@danangponorogo166 - 15.01.2022 16:49

Great Tutorial !!! Thank you so much Sir ..

Ответить
@denmccormik7654
@denmccormik7654 - 14.12.2021 00:48

Hello, thank you for your videos, if you don't mind I will leave a bunch of comments with questions in the future. But I think you have forgotten to add link to your repo.

Ответить