Suddenly on a random day I registered for Namaste React course, the best, bestest... thing that I did for building my career. Loved every bit of the course. Right now I am in Ep 10. I liked the way you explained even nitty gritty things. I am addicted to the knowledge that you give in the series. I will surely let you know when I crack an interview. Hoping for the best.

1) Hooks: useState: Manages state in functional components. useEffect: Handles side effects in functional components. useContext: Accesses the context in functional components. useReducer: Manages complex state logic with a reducer function. useMemo: Memoizes values to optimize performance. useCallback: Memoizes callback functions to prevent unnecessary renders. useRef: Creates a mutable object that persists between renders. 2) Higher Order Components (HOC): What?: Functions that take a component and return an enhanced version. When?: Reuse component logic, share code, or manipulate component behavior. Why?: Promotes code reusability and separation of concerns. How?: Wrap a component with a function that adds or modifies its behavior. 3) Life Cycle Methods of Components: Class Components: Traditional React components using ES6 classes. Mounting: Component is being created and inserted into the DOM. Updating: Component is being re-rendered as a result of changes. Unmounting: Component is being removed from the DOM. 4) State management (all about data): State/Props: Internal state for a component/external data passed to a component. Props drilling: Passing props through multiple layers of components. Context: Provides a way to pass data through the component tree without passing props. 5) Redux or Zustand: How redux works?: Centralized state management using actions and reducers. Why?: For managing complex application states. When?: In large applications with a need for a single source of truth. Redux Toolkit (RTK): Simplifies Redux setup and usage. 6) Custom Hooks: When to use?: Extracting and reusing component logic. Code: Functions prefixed with "use" returning stateful logic. Why?: Enhances code organization, reusability, and readability. 7) Lazy Loading: Code splitting: Breaking down the application into smaller parts. Chunking: Loading only the necessary code chunks. Suspense: Pausing rendering until a component is ready. 8) Virtual DOM: Reconciliation Algorithm: Efficiently updates the UI based on state changes. React Fiber: A reimplementation of React's core algorithm. Renders: The process of updating the virtual DOM. Diff algorithm: Compares the previous and current state to determine changes. How does render work?: Updating the UI based on virtual DOM changes. 9) SSR vs CSR (important): What?: Server-Side Rendering vs. Client-Side Rendering. Difference: Where rendering occurs - server or client. SEO and performance (SSR): Improved search engine optimization and initial load speed. 10) Routing (Role-based access control-RBAC): react-router: Library for handling navigation in React applications. How do you manage protected routes?: Utilize authentication and authorization checks. How do you handle routes?: Define routes and components for navigation. Query params: Additional information passed in the URL. Dynamic routing: Creating routes dynamically based on data. 11) Testing: React Testing Library: Testing library for React applications. Unit Testing: Testing individual units of code. Hack for interview: Emphasize writing testable code and demonstrate test cases. 12) Async Tasks: API Calls: Fetching data from external sources. useEffect in depth: Managing side effects, including async operations. Events: Handling asynchronous events. Promises: A pattern for handling asynchronous operations. setTimeout: Delaying the execution of code. 13) Reusability, Readability, modularity, testability (Coding Practices): 14) Performance: Lazy loading: Loading resources only when needed. Asset optimization: Minifying and compressing JS/CSS code. Writing optimized code: Following best practices for efficient code. Bundler: Tools like Webpack to bundle and optimize code. CDN / Server level: Distributing assets for faster loading. Rendering of components: Optimizing rendering for better performance. 15) Styling: Tailwind, StyleX, Bootstrap, Material UI, Ant UI, CSS / SCSS: Different styling approaches and libraries.

It takes a lot of efforts to make these videos, please Hit that LIKE button 👍 and Subscribe to the channel for more awesome content! 🔥Press that bell icon also, if you want notifications for my upcoming videos. 🙌 Love you all.. ❤

Top React Js interview questions to prepare From The video: 1) Hooks: Prepare this in order - useState - useEffect - useContext - useReducer - useMemo - useCallback - useRef 2) Higher Order Components (HOC): - What? - When? - Why? - How? 3) Life Cycle Methods of Components: - Class Components - Mounting - Updating - Unmounting 4) State management (all about data): - State/Props - Props drilling - Context 5) Redux or Zustand: - How redux works? - Why? - When? - Redux Toolkit (RTK) 6) Custom Hooks: - When to use? - Code - Why? (to make code clean, maintainable, readable, reusable) 7) Lazy Loading (Very imp and highly asked): - Code splitting - Chunking - Suspense 8) Virtual DOM: - Reconciliation Algorithm - React Fiber - Renders - Diff algorithm - How does render work? 9) SSR vs CSR (important) : - What? - Difference - SEO and performance (SSR) 10) Routing (Role-based access control-RBAC) - react-router - How do you manage protected routes? - How do you handle routes? - query params - Dynamic routing 11) Testing - React Testing Library - Unit Testing Hack for interview: Try to mention that the code you wrote is testable and try to write test cases. 12) Async Tasks - API Calls - useEffect in depth - Events - Promises - setTimeout 13) Reusability, Readability, modularity, testability (Coding Practices) 14) Performance - Lazy loading - Asset optimization (how do you optimize js, css code) - Writing optimized code - Bundler - CDN / Server level - Rendering of components 15) Styling - Tailwind - StyleX - Bootstrap - Material UI - Ant UI - CSS / SCSS 16) Accessibility 17) Security

Who want Namaste Backend 👇

I have been watching your channel for the past 2 years, I wanted to say thank you for all your effort, you have made me a better developer.

00:01 Covering important topics in React for interviews. 02:19 Prepare the 7 important hooks and understand higher order components thoroughly for React interviews and daily coding. 06:38 Understanding React life cycle methods and State Management concepts is crucial for interviews. 08:56 Understand Redux and Zustand for state management in React. 13:40 Understand the importance of Redux lazy loading and Virtual DOM 16:01 React concepts like virtual DOM, diffing algorithm, and SSR vs CSR are important for interviews 20:18 Understand role-based access control and routing in React 22:20 Handling protected and unprotected routes during interviews. 26:14 Understanding unit testing and asynchronous tasks is crucial for React interviews. 28:13 Understanding and implementing crucial concepts in React 32:13 Importance of code readability, modularity, reusability, and testability in interviews. 34:07 Industry standard coding practices in React 38:06 Optimizing code for performance is crucial for a smooth user experience and system design interviews. 40:02 Encouraging viewers to like, subscribe and engage with the channel for motivation and appreciation 43:58 Styling is crucial for UI applications in 2024 46:01 Emphasize accessibility, testability, performance, and security in interviews. 49:50 Covered topics in detail with special discount for Namaste React course

I am angular devloper..after watching ur nasmte react course. Fall in love with react. Itna to ladhki se pyar nhi huva jitna react and js se hone lga..😂😂

I loved this video. I had seen your playlist 'Namaste JavaScript' months before, but this particular video made me obsessed. In the middle of the video, it compelled me to like it, and finally, when it came to an end, I subscribed. 😅 Hats off to your simple English; it didn't even make me realize that I was watching a video in English. Special love for your accent and choice of simple words to explain.

One of the finest videos I have seen in youtube on frontend. It was much needed at this point of time. Grateful to Akshay 🙌🙏

I found this video to be very informative. The amount of information you share in every frame made it impossible for me to skip any seconds or minutes. Thanks a lot!

I have bought Namaste React and it's exactly what he says !

This video doesn't just feel like something I'm watching-it feels like I'm sitting right in front of someone, having a heartfelt conversation. I initially came here to make questions to conduct interviews for my own company, but I ended up discovering so much fascinating information along the way.

HI Akshay, I'm so sorry I forgot to like and comment on your video earlier! Thanks for the reminder. We all do that sometimes, but you're right - it's important to show appreciation for the knowledge we gain. Your videos are always so informative, and I often get caught up in learning from them that I forget to leave a like and comment. But you're right, it's like a guru dakshina - a way of giving back for the knowledge we receive. And without it, that knowledge can fade away when we actually need it, just like with Karan. So, thanks again for the reminder. I'll definitely be more mindful of liking and commenting from now on. Your videos are awesome, and I really appreciate what you do!

I am reaching out to you from Pakistan. I recently came across your video on top React interview questions. While there are numerous videos available on KZfaq, what distinguishes yours is the emphasis you place on understanding concepts in-depth rather than simply copying and pasting code. I resonate with your perspective that to become a proficient programmer, one must comprehend how things work at a fundamental level. This insight is invaluable, and I believe it is instrumental in tackling any programming task with confidence. Thank you for your insightful content.

Please sir make one video for the answers of all topic you mentioned. Video can be 3-4 hours long no problem 😊

His energy is something I always look for whenever he speaks. I don't know how you do it but I appreciate your work and dedication towards teaching. Hope one day I meet you in person ❤. Thank you again for making people fall In love with knowledge ❤.

Dear Akshay, After watching your all videos and doing practice I got 500% Hike in 1 Year. Thank you

Kindly cover Javascript DOM, Array methods and API part in your namaste Javascript course.

such an amazing video Akshay, I bought your Namaste React course by borrowing money from a friend and now I must say that this is the best investment of my life, thank you for making that course

Good job yaar!! This is really a Knowable video

As you told , Please Bring Namaste Backend and Namaste DSA as soon as possible and complete it by end of 2024 .

Sir, we need logical problem solving coding practise series, so that we can learn approach to solve live coding round and can do better in real project also.

Thank you🙏 Akshay for all the efforts. I really fall in love with JavaScript & React!

Why should I say your video is good while your all videos are more than amazing, my lots of concepts has been cleared, thanks a lot Akshay and all lucky guys are watching your videos without wasting their time somewhere else. 😊

I am preparing for interviews and your videos helping me a lot. Thank you a lot for making amazing content.

Akshay should be brand ambassador of React

I know an honest man when I see one. And akshay is true to his craft. Thanks for these priceless videos. I dont understand why people punch down on teachers when they offer a paid course. I believe his React course is one of the best out there. His ability to simplify complex concepts is commendable. He really took the intimidation away from React/JS and made it enjoyable. I have bought his react course and I'd buy his upcoming JS DSA course as well. Infact I am looking forward to it like its a web series. Thanks Guruji.

I have already liked the video even without watching it.Because I know it is going to be beyond my expectations and very helpful. Will watch it tomorrow morning.😊

Thank you for all the efforts you make to make us all fall in love with JavaScript & React!

Sir Please More videos like these. IT would be really helpful

Hi Akshay, I am Angular + NodeJS developer with 2 yrs of experience but still facing some issues to work on that because of less confident. I need full couching videos for Angular like React and Javascript. It will be helpful for me. Please do the videos for Angular as well.

Gem videos 💎, also create Javascript interview video as well, waiting for that❤

After watching your videos i got more confidence while attending interviews. each single video is worth watching.

I've been tuning into your channel for the last couple of years, and I just wanted to express my gratitude for all the hard work you've put in. Thanks to your content, I've grown significantly as a developer.

Hello Akshay, I've been following your channel for a while now, and I must say your content is top-notch! Your videos have been incredibly helpful in enhancing my skills as a frontend developer. Your clear explanations and engaging delivery make learning a breeze, which irresistibly led me to invest in your Namaste React course. I was wondering if you could consider creating a detailed course focusing on the performance and security aspects of web applications from a frontend developer's perspective. Given your expertise, I believe your insights would be invaluable in helping us understand and implement best practices in these crucial areas. I'm sure a dedicated course on these topic would be a game-changer for many aspiring developers, including myself.

The Guy loves what he does. Not the knowledge in the video says it but … it’s the excitement says it all.

Thank you Akshay for this beautiful info.

Hey Akshay, I appreciate it. I've been following your videos for the past two years and have found them incredibly helpful in simplifying complex concepts. keep it up.

I was waiting for this video you uploaded this video on correct time🔥 Thanks Akshay ❤️

We can not expect TEST CASE by Fresher because a fresher having multiple things to care . If any one know well so absolutely Great.

Brilliant video about very important concepts. Thanks a lot!!

Too Good.☀☀☀☀☀

kalakar taliyo ka bhuka hota hai ♥♥♥, thanks akshay bhaiyaa/sir

You are awesome sir, i love the way you teach❤, i watched all your Namaste JavaScript videos and its really help me a lot to clear all my doubts in Java Script... Thanks sir

Your videos are awesome . I am always excited for your new videos. I have watched this video in hospital, like always ready to learn from you. Your enthusiasm for teaching make me clear my concepts more in deep. After watching this video I discovered that I don't know 40% of things in react 😅😅. I will definitely going to brush up on all those topics, all thanks to you 😃

Is 'styled-components' still a relevant way of styling?

Hey Akshay Saini, Nice video, thanks. The namste React is mentioned too much. Which is bad. How did you record this session using tablet, will you please share the process of recording such video?

This guy is great, the way the he explained is very understandable ,remember easily , mostly practically useful

the best thing about watching you that I get to what real passion looks like

akshay sir your way of doing the any work is most simplest and magical at a same time and its is very appreciatable

What I like about this video is that it is a good review of many areas I may not have used in a while and it is very audio specific in that I can listen when I am driving or walking so I don’t have to watch everything to get a feel for what is being discussed

Sharing such a valuable point for React JS. ❤

Akshay you are the one of the best tech KZfaqr. Love your content

Thanks a lot for all the JS videos Akshay. I am preety sure that most of the people tried to understand the topics you taught in the JS course but couldn't understand because we keep changing sources for a good explanation. I am sure people have watched countless videos of these topics. Having the same person explaining all the topics feel good as we don't feel we have missed anything in knowledge and feel like we are in sync with the teacher,

worth it to watch this video even a one single minute

Excellent as always !!❤

You are doing really good job brother, we love you for this. Thank you so much.

worth watching 🤝thank you so much

Much needed video , amazing video thanks sir ❤

With the help of your video and your KZfaq channel, I cracked the interview.

This video is magical !!!

Akshay, I don't know how to say thank you. Earlier, I was working as a c++ developer. Now I have completely moved to web development, am working as a full stack web developer and a single reason behind this is you, your way of teaching. Thank you so so much.

what a guy you are simply fall in love with your way of teaching

Your The Best Teacher for React and JavaScript. Thankyou

loved your Teaching style and knowledge❤❤ . Got the confidence that once i read this topics I can crack any Beginner level interview in impressive way.💯💯💯

Hello Akshay, the way you teach the courses are super good and everyone can feel your energy and learn a lot and am one in that people. Thanks a lot for your all free courses which is very useful.

This is knowledge heavy interview questions react ++ akshay 🔥🔥🔛🔥

Akshay do u know why React has been on 18.2 for over a year and what will be the next version? (major? minor?) Like what the development team is upto rn.

Please make one video for Generators and Iterators with practical example. that would helpful more. Thanks in advance😊

That's great today class for the interview (aag lga di Bhai ne )❤

Very good that indeed...not only for the interviews but one can master oneself by digging more in each question / term.

Hi Akshay, I have seen your videos for last few weeks only. But after your videos, I fall in love with React. Not only in React but also fall in love to learn the core concepts and how it works behind the scene and all. For all your efforts, THANK YOU is not enough. 😍

Is the namaste react course for freshers only or for 2yrs experienced also?

Thank you so much♥. I wanted change my career from angular to react. with this one video i got to know everything i should learn in React.

Thanks brother for making these kind of videos for us.🤟 awesome

Sir I Really wanted to learn this course but I do not have money... I could not afford, I am going through very difficult time... I learned basic js and basic react on your youtube channel... Thank you sir

To sum up: 1. Hooks useState useEffect ( significance of dependency array eg. what happens when its empty, when it has some value, when its not there) useContext useReducer useMemo useCallback useRef 2. Higher order compoents what is it? when to use it? why we use it? how we use it? (prepare an example) 3. Life cycle Methods of the compoenets the three phases and all its methods, the order in which it is called etc. 4.State management all about state and prop prop drilling (with example and significance of useContext here) 5. Redux and zustand how redux works? why do we need redux? when do we need redux? (should be able to justify the reason you used redux) Redux Toolkit 6.Custom Hooks when to use it? code it with an example (makes our code clean, reusauble and maintainable) 7. lazy loading can also be asked as chunking, code splliting, chunking (Makes our application performant) 8. Virtual DOM Learn these concepts to get a deep understanding diffing algorithm react- fiber reconcilation algorithm How react renders a component? how react re-renders the component? 9. Client Side rendering and Server Side Rendering (HOT Topic 😛) what is it? Difference between the two Learn about the SEO and performance 10. React Router How do we manage protected routes? Role based access control? how do we handle routes? query params and how we handle it? Dynamic Routing? 11. Testing (unit testing) what u use to write React tests? 12. Async Task make API calls? what will happen when u scroll, click (understand useeEfect and how it works behind the scene) Promises (must know) use keywords like re-usable, modular, testable, maintainable. 13. Focus on the Performance (improve user expereince asset optimization, lazy loading, shimmer UI, optimazation at bundler level, CDN level, server level) 14. Styling (pros and cons of using Tailwind over bootstrap vice versa and so on....) 15. Accessebility , security, performace, testability (these are the pillars of any application)

Amazing. No one match of you on the internet. I want to be like you. ❤❤❤

Topics: Hooks, Higher Order Components, Class Components, Lifecycle Methods, State & Props Context API Redux - RTK || Zustand Custom Hooks Lazy Loading / Code Chunking / Code Spliting Virtual Dom vs Real Dom Reconciliation, React Fiber Diff Algorithm SSR & CSR Routing (React Router) Role Based Access Control Protected Routes Testing - React Testing Library Asynchronous Tasks - API Calls Callback, Callback Hells, Promises Performance HLD, Frontend System Design Styling - CSS, Styled Components, CSS Modules, Tailwind CSS, React Bootstrap

Tomorrow I have my interview for MERN stack and this video definitely helped me prepare for react questions. Thanks a lot Akshay!

Sir plz, If possible then plz launch any course on data structucre. I can't explain sir you are like god for me; for the first time I am addicted to learning.

Purchased the course. This youtube content is awesome and impressed to purchase immediately at 2.15AM🎉

Amazing my interview is tomorrow and this is helpful.

Best 50 min spend ,thank you

The name of the Testing you have forgotten is "Regression Testing". Loved your videos so much. Thanks a lot

Thanks, Akshay. It was very helpful to quickly brush up on important concepts before the interview

I started to save money for your Namaste React course. Your teaching satisfied a real coder.

Keep making more such videos they help a lot Thank you.

ye lo akshay bhai aap ke lie 👏👏👏👏👏👏, bhut achi videos hoti h appki , i have seen all of them even the react course also, really it's way too amazing, no one can beat your level to explain things, really appriciated.👏👏👏👏❤❤❤

as you say shamer ui Developers in Loading Time use only Skeleton Loading not use loading Icon or progress Bar

Great content Akshay. Thank you so much for sharing your valuable knowledge.

This video is awesome in a very simple way you explained the React.js interview questions which are ask by interviewers. Very helpful for preparation of the interviews. Thanks.

Useful for ReactJS candidates preparing for interviews.

Hi Akshay Really Nice video and appreciate your work. You have not left anything regarding React-interview. Very Helpful Please Make video on important interview questions about JS also. Thanks a Lot.

Awesome content bhai ♥ very informative. Keep rocking🤟

loved the content keep up the good work

Wow man this video opened my eyes.. Can you also make the same for Node.js too?

Hi Akshay, Thank you so much.....🙏🙏🙏 I attended the more than 15 interviews but i am not clear. Now I got an offer from MNC Company for React JS Developer role. Your videos are very useful to clear the interviews. Please keep going on latest technologies.... We are all support you Once again Thank you so much sir!!! 🙏🙏🙏

I have already taken the course but why there is no updated videos? Do I need to purchase again?