React.js App Project | MERN Stack Tutorial

⭐ Become a full-stack web dev with Zero To Mastery Courses:

👇 Follow Me On Social Media:

(00:00) Intro
(00:12) Welcome
(00:23) Suggested Pre-Requisites
(00:53) MERN Frontend
(01:39) Starter Code
(02:52) User Stories
(03:46) Early Decisions: State, Structure, Routing
(04:40) Install React Router
(08:56) Public Routes
(12:08) Nested Dash Routes
(22:51) File Structure
(24:13) Dash Welcome
(27:54) Notes and User Routes
(31:02) Routing Hierarchy Review
(32:44) Running the app

📚 Suggested Pre-requisites for this MERN course:

📚 Tutorial References:

Was this React MERN Stack tutorial helpful? If so, please share. Let me know your thoughts in the comments.

#mern #stack #react

[Shahrukhnp]

I have learning coding from YouTube past 3 years, I have never came across such a channel like yours where concept is clear and precise, undoubtedly you are a best teacher for js on internet now, can you make videos on dsa in js

[iqbalhossain]

I am from Bangladesh. It's a country in Asia.

I am following your course as I have completed both node & react js courses in an IT company. I'm also working as a frontend developer in one of the best company in our country.

I am following this course because from my experience there is no other playlist on the internet that has so clear concepts and such magnificent codebase.

I am following this course to clear my concept for the role based access control over the components as I am currently engaged in a similar project.

I have a request to you Dave. You are one of the best. I wish this playlist that you have provided stays free as long as it is. Again Thank you so much for having our backs.

[medwalidnagga]

I'm Walid from Tunisia, Thank you Dave for this precious cours!

[asenasenov]

Dave, I'm from Bulgaria and you are the greatest YouTube teacher. Thanks for all your content.

[dan]

Not gonna lie.. I wasn't familiar with react router. Web Dev Simplified has a 45 minute course on it in his usual speedrun style. Came back here and continued no worries! I love how each youtuber has a different teaching style that's worthy for different cases.

[necelentano]

Very useful tutorial about feature-based file structure and routing with v6. Thanks, Dave. Спасибо большое, Дэйв!

[sailee]

Thanks so much Dave! Really enjoying this tutorial series.

[siddiqahmed]

Damn, the series is going really awesome, I will follow it after i am done with my institute project 😅
Thank you for the amazing content 🚀

[fouedbenyoucef]

excellent series, more captivating than game of thrones.. thank you

[KrishNa-hmmk]

Your teaching style is very thought out and clear. I have a doubt in initial Routing setup. You pass the App component as the element prop to the Route with path='/*' which matches all paths. Is it basically the same as doing the below. Is there any caveats to the below code compared to your implementation ?
<BrowserRouter>
<App />
</BrowserRouter>

[ZahiidKhan]

Wow great structure keep it up 👍 I always watch your videos and learn lot’s new things.. love from 🇮🇳 In next video please make protected routing with login and welcome page

[HARSHKUMAR-gdu]

Little bit harder but very good knowledge from Your side
My Respect Teacher Mr. Dave Gray Sir

[AK]

Hi for me the text is coming at the end but background image is not showing?What could be the problem?

[dragos.cojocaru]

We need a Nextjs series just like this :)

[karanrawat]

what's the point of using <Route path = "/*" element={<App/>}/> in app.js

[Kevin-hkfv]

Loving doing my first course in real time with you :D gonna take a slight detour and watch your Redux videos now! Just one question: what is the reason for breaking out the content for certain components into its own variable? Thanks for all the brilliant education!

[AuxiliaryOfficial]

hi Dave, could you please make a tutorial for a DEV OPS things like: github actions, docker, aws, how to make environment setup like DEV and uat in the cloud?

[wilbertrodrigo]

Hi. I really like your videos, there are quite straightforward and clear. However, what could be the possible reason of an error 404 page not found every time I refresh the page. I mean everything is working except this matter. Hope you can help me. Thanks. more power

[ioncreativestudios]

Dave, great course. quick question.... Is there a reason you are not using .jsx?

[jonathanlemos]

Are you interested in make some series about React-Native & Expo in the future? Or you only want to teach web dev?