Complete ReactJS Interview Prep🔥: Top 10 Questions and Answers for Beginners | Ace Your Interview! 

This channel is very underrated. You deserve 1M subscribers, bro. Hopefully you'll reach it soon 😊

For Q8, I think it will work if we use prevState + 1 in the setValue

Its really very useful bro. Keep going. 1. 2 as useState schedule the update and useEffect refer the initial value only 2. Hello , when we click the button it changed to "React" due to setState 3. after 1s, It will print 1 and again each 1s interval, count is incremented by 1 4.setState scheudle the update and 1 will be printed 5. if we use prevState, then react will remember and update the previous state. 6.setTimeout form closure with setCount and its not update at that time. so result will be 1 but alert will be 0 7. 5 -> wrong 8. 1,2,3 -> wrong. we can use prevState => prevState + 1 9. 1 because of closure 10. increment by 1

Thank you for explaining each and every concept in an easy-to-understand manner

thank you for this

Thankyou so much🎉

Thanks a lot for this, need more like this ❤

22:15 that could be done adding count in the dependency array too, other than using prevState

Q 8 - setValue(prevValue => prevValue+ 1)

Thanks for this awesome knowledge...❤😊

Your efforts are worth it, learnt a lot from you

So setState works asynchronously, that's why unless passed a callback function, it doesn't consider the last updated value by it's brother setState. The callback function makes sure to execute the setState in order, they are called, even if they are asynchronous.

Q8 use value in dependency array

I am not sure about it but you can put value in a dependency array.

i was able to answer 4 out of 10. and i almost guessed in 2 other excercises. again thank you vasanth. it's very helpful and interesting.

Please continue these series please 🙏

3) initially 0 and after 1 second count will be 1

"Great questions."

Q8-using prevState=>prevState+1 would work

Sir, please make card or a scroll to answer the comment , if you tell it 10 times some times its gives a wrong effect, I have a gaming channel it worked bad for me , huge respect sir

Amazing

can you please make more question like this , I will be more help full for preparing interview

2) React

Keep vs code and browser in dark mode 📳

Hi Sir,Thanks for the amazing content. I have 2 years experience in testing but i sn planning to switch to frontend role.Learning html Css and js.Can you please share any road map or path to secure a job as i am not having real time experience in front end.

The second snippet is the correct one. Here's why: ### First Snippet: ```javascript import React, { useState, useEffect } from 'react'; function App() { const [value, setValue] = useState(0); useEffect(() => { const timer = setInterval(() => { console.log('value is', value); setValue(value + 1); }, 1000); return () => clearInterval(timer); }, [value]); return {value}; } export default App; ``` ### Second Snippet: ```javascript import React, { useState, useEffect } from 'react'; function App() { const [value, setValue] = useState(0); useEffect(() => { const timer = setInterval(() => { console.log('value is', value); setValue(value => value + 1); }, 1000); return () => clearInterval(timer); }, []); return {value}; } export default App; ``` ### Explanation: 1. **Dependency Array in `useEffect`:** - In the first snippet, `useEffect` has `[value]` as its dependency array. This causes the effect to run every time `value` changes. However, this leads to multiple intervals being set up because each time `value` changes, the effect will clean up the old interval and set a new one. This is not the desired behavior for this scenario. 2. **State Update Function:** - The second snippet correctly uses the functional form of `setValue` (`value => value + 1`). This ensures that `setValue` is called with the latest value of `value` without relying on the closure from the initial render. 3. **Stable Timer Setup:** - In the second snippet, `useEffect` has an empty dependency array `[]`, which means the effect runs only once after the initial render. This ensures that only one interval is set up, and it correctly updates the state every second. ### Conclusion: The second snippet correctly sets up the interval only once and updates the state properly using the functional form of the state setter. Therefore, the second snippet is the correct one to use. For Question No-8

In excercise -4 how 4 zeros are consoled??

Please explain exercise 3.

Where is your tg channel link of uncommon geeks

Sir! Buy an iPad! You need. It's expensive but worth it for a content creator like you.

Sir, everyone acknowledges your efforts in helping us but using VSCode in light mode is absolutely criminal.