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.. ❤
Please make a video on terminology and things used in real time projects like pagination and everything so we can have an idea of what things are used in a project and learn those things and can implement in our projects
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..😂😂
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.
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.
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!
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 ❤.
Sir, Your videos are the only my main source of Interview prep, your teachings are just at another level, also Sir, please make video on Redux in Brief (on Most important interview questions/ Topics )
Dear Akshay/Team, Currently I am preparing for a React developer interview. Seriously I can't believe that this is a 10months old video. This is so advanced and gave us lot of information. I am really impressed on your work. So many thanks to you and your team. Special thanks to keep this video in English. It really helps a lot. Please continue the same 🙂
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 TH-cam, 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.
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. 😊
Yesterday, I had an interview for a frontend developer position, and the interviewer asked me questions based on the following topics: Dependency Array in UseEffect Hook: They asked why we use the dependency array in React. Props Drilling: They asked when to use props drilling and how to pass data from a child component to a parent component. I explained two ways: Using a callback function. Using the Context API. The interviewer then asked me to write the code for both methods on paper and explain them, which I did. Fetch vs Axios: They also asked about the differences between Fetch and Axios. Lifecycle Methods: Another question was about React lifecycle methods, but I couldn't explain them well. Let me know if you would like any specific help with these topics!
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
@akshay I'm a Senior EM and very focused on UI, must say loved your video. I totally agree that these days no one wants to dig deeper as to why they are using something. Many developers user hooks but they don'y know how hooks work. Keep up the good work !! Would share this with my team.
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.
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,
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.
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
Now make the full use of it, learn a lot and then when you get a good job, do repay the money back to your friend. Wish you the best in your career ahead, keep rising! 🚀
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
Hi Akshay I have improved knowledge of react.js with your videos.Before your videos I felt I know react 40%well.after your videos I felt very well 90% now Thank you bro ( In my words I say's thank you darling bro )
While I appreciate the work from this amazing guy, when it comes to transitioning and improvement, reading the documentation is your best friend to succeed.
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.
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.💯💯💯
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!
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
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.
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.
@@akshaymarch7 first take love from my heart . You're a great inspiration for me. I want to ask some advice from you. I'm honours dropout(2y). Please don't take it negatively. I want to restart my education. Currently I'm learning MERN stack. Can you please provide me some guidelines for my job + education success? Please !
Your courses are GOLD standard! It’s because of our general tendency to shame people for earning money that you have to justify so much about asking for a fees. It’s silly. It’s sad! Keep going man! 👍
I have enrolled to JavaScript, React, System Design course just started with JavaScript till before enrolling I never liked JavaScript much as I used to think that it was wired and confusing language but now my opinion has changed totally, now I feel its most interesting language and i like the way of your teaching. Could please make a series of TypeScript too?
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.👏👏👏👏❤❤❤
Hello, Thank you for making this amazing and informative video on React.js. I have been working with React.js and Next.js for over two years, so I would love to understand the difficulties you faced in production with Next.js. If possible, could you please explain them?
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)
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.
Hi Akshay I'm really thankful for the video, I attended an interview learning these topics, I almost cracked the interview but my coding performance is weak, I learnt things at best of my knowledge it did not happen. If you can cover coding part as well that is more appreciable. Hoping for the best. Thanks for the amazing content.
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.
Thank you so much, this was really very helpful. You have no idea sir, just by looking up your javascript videos and as well as react, so many candidates has cracked their interviews including me.
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!!! 🙏🙏🙏
Brother uh r a blessing for the Students like me❤️❤️ Thankuh for eveyrhting ❤ Please make Namaste BACKEND also🧑💻 Include Node.js, express.js and Mongo DB🎉
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.😊
Very helpful video as I am preparing for interview. I am 1.8 years experienced react developer and I had no clue what the outside companies ask. Please tell me how to crack big companies' react js interview??
Great content as always! I already finished Namaste JS. The funny thing is that I only wanted to learn about event loop because I failed on this topic so much during my mid-level front-end interview. I loved that video so much that I have watched the whole Namaste JS series and now I wonder how I even considered myself a mid-developer before 🤦♀ Thank you Akshay for all the effort you put into content you provide 🙏, it has opened my mind so much and I am so grateful for what I have learned from you 💜💜 I purchased the React course now even though I already work as a React developer - I believe it will be equally amazing!
![[ Live ] React JS Interview 🤯 | Frontend UI Questions 🤒](http://i.ytimg.com/vi/U9sDK8zTJ8Y/mqdefault.jpg)
![[ Live ] React JS Interview 🤯 | Frontend UI Questions 🤒](/img/tr.png)
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.
Sameeee❤❤
Why there are only 4 videos in this playlist? Where will I get the others.
Mi@@stelena-forever
I think today's my random day to register
@@santasahithi4789 Go for it❤️
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.
Nice dude. Wrote the answers yourself
Very useful ❤
Kudos to you!!!
Thanks bro
ThankYou🥹
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
thanks a lot
😮
Thanks a lot 👍
tum bahut achha kaam krta hai makshud bhai
Thank you
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.. ❤
Please make a video on terminology and things used in real time projects like pagination and everything so we can have an idea of what things are used in a project and learn those things and can implement in our projects
You r great teacher
You just simply awesome ❤ man
When will you teach a backend also like front-end ? Btw thank you so much for namaste javascript series.
Agree so already hit😊
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..😂😂
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.
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.
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 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.
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!
Dear Akshay, After watching your all videos and doing practice I got 500% Hike in 1 Year. Thank you
As you told , Please Bring Namaste Backend and Namaste DSA as soon as possible and complete it by end of 2024 .
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 ❤.
Sir, Your videos are the only my main source of Interview prep, your teachings are just at another level, also Sir, please make video on Redux in Brief (on Most important interview questions/ Topics )
Dear Akshay/Team, Currently I am preparing for a React developer interview. Seriously I can't believe that this is a 10months old video. This is so advanced and gave us lot of information. I am really impressed on your work. So many thanks to you and your team. Special thanks to keep this video in English. It really helps a lot. Please continue the same 🙂
I have bought Namaste React and it's exactly what he says !
as you say shamer ui Developers in Loading Time use only Skeleton Loading not use loading Icon or progress Bar
Please sir make one video for the answers of all topic you mentioned. Video can be 3-4 hours long no problem 😊
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 TH-cam, 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.
The Guy loves what he does. Not the knowledge in the video says it but … it’s the excitement says it all.
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. 😊
you provide quality , don't be ashamed in charging fees,
His courses are GOLD standard! It’s because of our general tendency to shame people for earning money that he has to justify so much
Yesterday, I had an interview for a frontend developer position, and the interviewer asked me questions based on the following topics:
Dependency Array in UseEffect Hook: They asked why we use the dependency array in React.
Props Drilling: They asked when to use props drilling and how to pass data from a child component to a parent component. I explained two ways:
Using a callback function.
Using the Context API.
The interviewer then asked me to write the code for both methods on paper and explain them, which I did.
Fetch vs Axios: They also asked about the differences between Fetch and Axios.
Lifecycle Methods: Another question was about React lifecycle methods, but I couldn't explain them well.
Let me know if you would like any specific help with these topics!
bhai linkedin id?? i want to ask something
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
@akshay I'm a Senior EM and very focused on UI, must say loved your video. I totally agree that these days no one wants to dig deeper as to why they are using something. Many developers user hooks but they don'y know how hooks work. Keep up the good work !! Would share this with my team.
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.
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,
I am preparing for interviews and your videos helping me a lot. Thank you a lot for making amazing content.
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.
After watching your videos i got more confidence while attending interviews. each single video is worth watching.
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.
Kindly cover Javascript DOM, Array methods and API part in your namaste Javascript course.
Yahoo baba
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
Now make the full use of it, learn a lot and then when you get a good job, do repay the money back to your friend. Wish you the best in your career ahead, keep rising! 🚀
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
This guy is great, the way the he explained is very understandable ,remember easily , mostly practically useful
Hi Akshay
I have improved knowledge of react.js with your videos.Before your videos I felt I know react 40%well.after your videos I felt very well 90% now
Thank you bro
( In my words I say's thank you darling bro )
While I appreciate the work from this amazing guy, when it comes to transitioning and improvement, reading the documentation is your best friend to succeed.
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.
the best thing about watching you that I get to what real passion looks like
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.💯💯💯
Purchased the course. This youtube content is awesome and impressed to purchase immediately at 2.15AM🎉
what a guy you are simply fall in love with your way of teaching
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!
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
With the help of your video and your TH-cam channel, I cracked the interview.
Congratulations, wish you the best! 🎉🚀
Your The Best Teacher for React and JavaScript. Thankyou
Akshay should be brand ambassador of React
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.
Very good that indeed...not only for the interviews but one can master oneself by digging more in each question / term.
Thank you🙏 Akshay for all the efforts. I really fall in love with JavaScript & React!
@we need this type of bro that provide indepth way to learn something
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.
♥️
@@akshaymarch7 first take love from my heart . You're a great inspiration for me. I want to ask some advice from you. I'm honours dropout(2y). Please don't take it negatively. I want to restart my education. Currently I'm learning MERN stack. Can you please provide me some guidelines for my job + education success? Please !
Best ReactJS interview video I have seen till date
Your courses are GOLD standard! It’s because of our general tendency to shame people for earning money that you have to justify so much about asking for a fees. It’s silly. It’s sad! Keep going man! 👍
You are too good at explaining .... Wanna learn alot from you .... Takenyour course and harkirat's one ... Still like your fundamentals
I have enrolled to JavaScript, React, System Design course just started with JavaScript till before enrolling I never liked JavaScript much as I used to think that it was wired and confusing language but now my opinion has changed totally, now I feel its most interesting language and i like the way of your teaching. Could please make a series of TypeScript too?
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.👏👏👏👏❤❤❤
We can not expect TEST CASE by Fresher because a fresher having multiple things to care . If any one know well so absolutely Great.
Akshay you are the one of the best tech TH-camr. Love your content
Hello,
Thank you for making this amazing and informative video on React.js.
I have been working with React.js and Next.js for over two years,
so I would love to understand the difficulties you faced in production with Next.js.
If possible, could you please explain them?
Great Video! This has helped me so much in covering important topics for interviews :)
kalakar taliyo ka bhuka hota hai ♥♥♥, thanks akshay bhaiyaa/sir
Bhaiya you're a treasure of knowledge!!
Surely, you need more recognition
I sincerely appreciate your incredible efforts 🤍🤍
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)
He sold his course at each pointer, marketing at its best
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.
Thanks Akshay for putting such a more precise informative video
Hi Akshay
I'm really thankful for the video, I attended an interview learning these topics, I almost cracked the interview but my coding performance is weak, I learnt things at best of my knowledge it did not happen. If you can cover coding part as well that is more appreciable. Hoping for the best. Thanks for the amazing content.
You are the greatest teacher I have ever seen. Love from Bangladesh
Useful for ReactJS candidates preparing for interviews.
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.
worth it to watch this video even a one single minute
Tomorrow I have my interview for MERN stack and this video definitely helped me prepare for react questions. Thanks a lot Akshay!
The name of the Testing you have forgotten is "Regression Testing". Loved your videos so much. Thanks a lot
Amazing. No one match of you on the internet. I want to be like you. ❤❤❤
You should also explain these concepts... your explanation is best...
I started to save money for your Namaste React course. Your teaching satisfied a real coder.
Thank you so much, this was really very helpful. You have no idea sir, just by looking up your javascript videos and as well as react, so many candidates has cracked their interviews including me.
Please make one video for Generators and Iterators with practical example. that would helpful more. Thanks in advance😊
Too Good.☀☀☀☀☀
Akshay will open our mind to learn react js I'm also one of the namaste react student😊
Thanks, Akshay. It was very helpful to quickly brush up on important concepts before the interview
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!!! 🙏🙏🙏
Amazing my interview is tomorrow and this is helpful.
Brother uh r a blessing for the Students like me❤️❤️
Thankuh for eveyrhting ❤
Please make Namaste BACKEND also🧑💻
Include Node.js, express.js and Mongo DB🎉
Is 'styled-components' still a relevant way of styling?
I was very confused what to prepare you helped a lot thank you so much ☺
Bhai mjak te hatka, ek no. pdhara bhai... kisi ne bhi agr frontend krni to @akshay bhai te padhlo
Great KNowledge Thnx for Sharing am Fresher and it give me new way of thinking of REact
Thank you for all the efforts you make to make us all fall in love with JavaScript & React!
Sharing such a valuable point for React JS. ❤
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.😊
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
Really your teaching styles is very unique and attractive So keep going on we all with you❤❤
Very helpful video as I am preparing for interview. I am 1.8 years experienced react developer and I had no clue what the outside companies ask. Please tell me how to crack big companies' react js interview??
Brilliant video about very important concepts. Thanks a lot!!
Good job yaar!! This is really a Knowable video
Thank you Akshay for your beautiful insights on React & Javascript.
Great content as always! I already finished Namaste JS. The funny thing is that I only wanted to learn about event loop because I failed on this topic so much during my mid-level front-end interview. I loved that video so much that I have watched the whole Namaste JS series and now I wonder how I even considered myself a mid-developer before 🤦♀ Thank you Akshay for all the effort you put into content you provide 🙏, it has opened my mind so much and I am so grateful for what I have learned from you 💜💜 I purchased the React course now even though I already work as a React developer - I believe it will be equally amazing!
Such a beautiful comment, made my day. Wish you the best for your learning journey, keep rising! 🚀
❤❤❤