React useEffect Hook - (Part-1) | Side-Effects in React| Life Cycle Method|UseEffect Hook

Props and/or state are used by a React component to generate the output.
If the component makes calculations that don't target the output value, then these calculations are named SIDE-EFFECTS
Fetch requests, direct DOM manipulation, the use of timer functions like setTimeout(), and other actions are examples of side effects.
The side-effect logic is independent of component rendering. It is a mistake to carry out side-effects directly in the component's body
You have no control over how frequently the component renders;
and to decouple rendering from the side-effect and we have useEffect Hook
This video will also help you to understand, different ways of implementing useEffect Hook by understanding different Life Cycle methods
Support the channel by liking this video and share in your network if you learnt something new :)
Checkout my Instagram account to find the latest notes on React, Angular and Javascript.
Instagram handler Name: @nishasingla05
Watch complete video to understand in depth.
Support my channel by liking and sharing my videos so that I can reach to wider audience. Please share it in your network 🙏
Hi Everyone
Hooks are one of the asked topic in interviews and useState Hook is used a lot . So this video will cover practice question on useState Hook that asked in most of the interviews.
If you have any doubt in the concept like what are hooks, what is useSTate hook, please checkout previous videos .
Watch the complete video till the end to understand it completely
Checkout my Instagram account to find the latest notes on React, Angular and Javascript.
Instagram handler Name: @nishasingla05
Watch complete video to understand in depth.
Support my channel by liking and sharing my videos so that I can reach to wider audience. Please share it in your network 🙏
►Checkout previous video useState Hook (part-2)
• useState Hook in React...
►Checkout previous video useState Hook (part-1)
• useState Hook in React...
►Checkout previous video Hooks
• Hooks in ReactJS: Wha...
►Project Setup using create-react-app
• ReactJS Tutorial: What...
►Virtual DOM and Real DOM
• ReactJS Tutorial: What...
►ReactJS Introduction
• ReactJS Tutorial - Int...
►Click here to Subscribe the channel:
studio.ruclips.net/channel/UC...
►All important shorts videos:
ruclips.net/p/PLC...
Connect with Me On Social Media
Facebook: / angularjs4be. .
LinkedIn: / nisha-sin. .
Instagram : / nishasingla05
Twitter: / nishasingla05
#nishasingla #react #hooks

[@arpitham8104]

This video gave me the answers to all questions I have on this topic. Very much thankful to you 🙏

[@ichokusomtoo2358]

i must say that the way you explain things i just top tier , thanks a lot

[@adityasharma3120]

You are best teacher ever

[@shubhamkhilari6872]

I just wanted to take a moment to express my gratitude for your excellent React course on RUclips. The series is incredibly well-designed, and the explanations are clear and concise. I appreciate the effort you have put into creating such a valuable resource for those of us looking to learn React. I can confidently say that this course is the best one I have come across so far. Requesting you to speed up thet series. 😅Thank you for sharing your knowledge and expertise with us. Keep up the fantastic work!"😊😊

[@NishaSingla]

Thank you so much ☺️

[@shyamdas8964]

I have learned and used many times useEffect() hooks many places. But i never understood properly how useEffect() hooks works in different scenarios like mounting, updating and unmounting phase in same as working in class based Component. Your way of explanations are very helpful and concise . Thank you for making amazing series on RUclips. Thank u 🙏🙏

[@ivarababu1606]

You are the best. So quick and easy to understand when you teach it. Can't believe I've been putting off taking the time to learn hooks when all it would have taken was a 20 minutes with you👌

[@NishaSingla]

Glad to know it helped 😀😀

[@darpankumar9446]

itni angrezi pelne baad bhi naukri ki takassh hai inko@@NishaSingla

[@bishwajeetpandey1570]

If your teacher is grt you can learn difficult concepts also in easy peasy way🙏

[@tapsp5845]

Mam your teaching style like awsome 👍

[@yeswanth4234]

Thanku very much

[@arunbm123]

Nice explanation ❤

[@user-og6lh1rx8k]

Thank u so much mam❤. Can u please do some react projects ,it will be really helpful for everyone 🙏🙏

[@akiratoriyama1320]

Valuable lessons!!! Thanks again!!

[@kirant9339]

Way of Your explanation to that concepts are very good. Please make some tutorial for javascript. I'll be the first student to admit your tutorial

[@bishwajeetpandey1570]

Please upload more videos on hooks

[@4444-c4s]

Please resume your Angular series and also make some Projects if possible.

[@user-xp9lh5iv3b]

Very Useful but please make Projects regarding React Js for Resume

[@raghavpuli1782]

Hi Nisha, QQ; I’ve couple of them. 1. ReactJs follow virtual DOM methodology, which as per your explanation from previous video’s means only changed/updated elements get reflected on browser. Here, User functional component is getting triggered even though there are no changes of it own. How is this happening? 2. useEffect hook, is only restricting the code written within ‘useEffect’ function in mounting stage, remaining code outside of useEffect() is getting executed. In Updating stage, code outside and inside of useEffect() both are getting executed then, what is the exact purpose of useEffect? Correct my understanding. Thanks.

[@johntavolt7027]

Mam are class based components asked in React interviews ?? I know about hooks. Should we learn Class based components ??

[@gobicorner]

chindi tutorial marrey...