Complete ReactJS Course | 11 Hours+ | React Yatra: You Never Knew React 🚀

React Design Pattern Source Code:

TIMESTAMPS:
0. Start 00:00
1. Brief introduction of react 00:11
2. Using react via CDN 32:42
3. Setup react app via Webpack 53:18
4. Module 4 1:25:09
- Introduction to JSX
- Element vs Component
- Conditional rendering
5. Module 5 1:57:50
- Intro to props and children
- What are import, and export terminologies
6. Module 6 2:23:18
- How to render data from lists
- Importance of keys prop
7. Module 7 2:45:07
- What are hooks
- Understanding useState
- What is re-render
- Misuse of state variables
8. What is React Fiber and Reconciliation 3:21:49
9. Exploring UseEffect hook 3:44:25
10. All about useLayoutEffect 4:14:21
11. Module 11 5:13:40
- All about useRef Hook
- forwardRef API
12. All about useCallback 5:54:55
13. All about useMemo Hook 6:40:48
14. Understanding Memo API 6:57:59
15. React Optimization via Lazy API and Suspense Component 7:17:38
16. React createContext API and useContext hook 7:30:06
17. Introduction to createPortal in react-dom 7:53:51
18. Introduction to Redux and Redux-toolkit 8:00:50
19. Introduction to React Router 8:31:58
20. What are React Design Patterns? 8:44:42
21. React HOC (Higher Order Component) Design Pattern 8:48:16
22. React Render Props Pattern 9:20:41
23. React Composition or Compound Pattern 9:35:46
24. React Custom Hook Pattern 10:02:21
25. How to fetch data from an API and Image Optimizations 10:24:41
26. Dealing with input form and optimizations 10:39:19
27. How to style components in React 10:58:01

Important Playlists to Crack Frontend Interviews 👇🏻

For any doubts and help follow me on:

Track: Clarx, Debris, 3rd Prototype, Castion, EMDI - Evolution (feat. Harley Bird) [NCS10 Release]
Music provided by NoCopyrightSounds.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Tags and hashtags:
#javascript #javascriptinterviewquestions #JS #js #frontend #frontendDeveloper #software #developer #engineer #softwareengineer #frontendengineer #OOPS #closures #salary #job #placement
ReactJS
React
NextJS
Next
Frontend Course
React Course
Free React Course
Web development course
React Yatra
JS yatra
JS Cafe
Javascript concepts
JS OOPS
Javascript Object Oriented Programming
How OOPS works in Javascript
Prototypes in JS
Javascript __ptoto__
What is a prototype in Javascript
Basics of JS
How to learn javascript
Javascript
Javascript concepts
Frontend Engineer
Frontend Developer
Software Engineer
Software Development Engineer
How to become a frontend engineer
How much salary does a frontend developer make
What is the salary of a frontend engineer
Javascript for a frontend developer
Concepts of javascript
Bootcamp for frontend developers
Roadmap for a frontend engineer
How to get a job as a frontend engineer
How to become a frontend developer
Javascript tutorial
Javascript full course
Javascri[t interview questions
Javascri[t interview questions and answers
Salary of a frontend developer
System Design
Frontend System Design

[revanthkurapati]

evadra nuvvu intha talented ga unnav .. kudos man

[NetraPatwari]

I am just here but can say --> 50:01 - (at 1.25x speed) This is best ReactJS Course. Cuz u started without CRA. i watched starting part of few of my fav youtube tech teachers, they all started there. A bunch of folder on first site and pre-written code looks scaring... Your approach. I don't have friends who are even intrested in web development I am a 1st year IT student . no one codes around. We write html in notepad at college. Whenever in future I'll have friends who code, I m gonna to recommend ur video for sure.

[chahatbhatia]

The only project covering end to end topics in React. Great job Vedant ❤🙌

[priyadarshi]

Just Completed the whole video....and this course is indeed of love❤❤

[figmawithrazib]

After Tony Alicea reactjs video then yours one is most useful... tnq u man 😮😮

[manumin]

Just 40 mins into the video .. i already found what I wanted 🎉❤ thank you .. u earned my subscription, my respect 🙏

[AbdulRahim-iwvm]

Bro.. watched many react videos. But never seen anyone going this deep

[saurabh-nycn]

revised the whole react it took me 3 days as i have office hours
btw thanks for the content.

[GopalChavan-nj]

I never seen this type of teaching before...completely awsome..He explained each and every topic in simple words...
Thank you so much sir... 🙏
Plzz one project on reactjs

[testify]

Happy to see the good react video from India🇮🇳

[Ak-fdkd]

I understand all react concepts and enjoy the way you teaches .please make one shot video on js

[sohamnesarikar]

Vedant bhaiya, abhi jitna video dekha bhaut ache se padhya hai apne..really enjoying 🔥🔥. Please same course future mein typescript, next js and node js, express, mongodb, authentication uspe bhi lao. And Thank you for this course ❤️

[vijayshankarcrypto]

Bro, You are simply amazing, I liked your way of teaching. We want more videos. Please do help us to grow by sharing your knowledge with us.

[sohamnandi]

Hi @vedant, Please make indepth video for micro frontends, showing how it's done in industry, pros and cons. Honestly there is close to no good content for microfrontend using monorepo or in react. please include all the ways we can make and deploy microfrontends

[cowabunga]

Thank you soo very much. I know about 50-60% of it. Hope to fill in the knowledge gap and also learn the rest 50% from it. Great job man appreciate it.

[PROTECHRAHUL]

I m a react dev and I can say it's a one stop destination for React 🎉

[suprithreddy]

Best tutorial, most under-rated tutorial...

[AARP]

One of best course in React n that too in free . Great work Vedant 👏

[Odiabadsha]

Thank You 💙 for providing this course on YouTube. Content like this difficult to find even on Coursera & Udemy.

[harshitaditya]

Hey I just completed the course.
The Course was really awesome 💯.
Although I faced difficult in understanding module 10 to 12. I felt those topics were super advanced for me so I will revisit those modules again.
Thanks a lot sir for making the amazing video ✨.
Waiting for Nextjs Yatra.