React API Fetching Issue with useEffect

🚨JavaScript Interview Question What will be the output? function greet(name) { if (name === undefined) { console.log("Hello, guest!"); } else { console.log("Hello, "+ name); } greet(); greet("Anas"); greet("Anas", "How are you?"); Looks simple... but there's a twist What will be the output? Why does the last call behave differently? Bonus: How does JavaScript handle extra arguments? #JavaScript #FrontendInterview #WebDevelopment #CodingInterview #ProductBasedCompany

🚀 **JavaScript Interview Question** What will be the output of this code? ```js const obj = { a: { b: 0 } }; const v1 = obj?.a?.b || 42; const v2 = obj?.a?.b ?? 42; console.log(v1, v2); ``` 🤔 **Think before you scroll...** --- #JavaScript #Frontend #WebDevelopment #CodingInterview #ReactJS

💡 **Daily React/JavaScript Interview Tip** The event loop isn’t just theory—it explains **why your code runs in a certain order**. 👉 Weak answer: “The event loop handles async operations.” ✅ Stronger answer: “JavaScript is single-threaded, so it uses the event loop to manage async tasks. Synchronous code runs first, then callbacks from the task queue (like `setTimeout`) and microtask queue (like Promises) are processed. Microtasks always run before the next task, which is why Promise callbacks execute before `setTimeout`.” 🧠 Example: ```js console.log('A'); setTimeout(() => console.log('B'), 0); Promise.resolve().then(() => console.log('C')); console.log('D'); ``` 👉 Output: A D C B 📌 Tip: If you can clearly explain **call stack, task queue, and microtask queue with an example**, you’ll stand out instantly. #JavaScript #EventLoop #WebDevelopment #AsyncJavaScript #TechInterviews

❓ React Interview Question: What are Controlled Components in React? 💡 In React, a Controlled Component is a component where the form data is handled by the React state , rather than the DOM itself. 👉 Follow Tarun Kumar for tech content, coding tips, and interview prep 🚀 #React #FrontendDevelopment #WebDevelopment #JavaScript #ReactJS #CodingInterview #SoftwareDevelopment

Day 11 of my React Interview Series Today’s topic: Asynchronous Functions vs Promises — and their key differences in JavaScript. Understanding how async/await builds on top of Promises is essential for writing clean, scalable React applications and handling real-world API flows smoothly. One step closer to mastering frontend interview #ReactJS #JavaScript #WebDevelopment #FrontendDevelopment #CodingInterview #MERNStack #AsyncAwait #Promises #100DaysOfCode #ReactInterview #SoftwareEngineering

Day 8 of my React Interview Journey  Today’s topic: Difference between Redux and Context API State management is one of the most important concepts in React applications. Both Redux and Context API help us manage state, but they solve different problems: Redux Centralized state management Best for large-scale applications Powerful but comes with setup complexity Context API Built-in React feature Best for small to medium apps Simple and lightweight for sharing state 👉 What do you think: When should we prefer Redux over Context API? 💬 Drop your thoughts in the comments below! #ReactJS #Redux #ContextAPI #WebDevelopment #JavaScript #FrontendDevelopment #CodingJourney #100DaysOfCode #MERNStack #InterviewPreparation

💡 Daily React/JavaScript Interview Tip When explaining concepts like closures, state, or hooks—don’t just define them. Show how they solve a real problem. 👉 Instead of saying: “A closure lets a function access variables from its outer scope.” ✅ Say: “Closures are useful when you want to preserve state without exposing it globally—for example, creating a private counter inside a function.” Interviewers are not just testing what you know—they’re evaluating how you think and apply knowledge in real scenarios. 📌 Tip: Always pair your explanation with a quick use case or example. It instantly makes your answer stronger and more memorable. #ReactJS #JavaScript #WebDevelopment #TechInterviews #FrontendDevelopment

Day 9 – React Interview Journey 🚀 DOM: The Document Object Model is a tree structure of your webpage that browsers use to display and update content. Why Virtual DOM? The Virtual DOM was created to improve performance by minimizing direct updates to the real DOM. 💬 What’s one React concept you struggled with at first? Drop it below 👇 #Day9 #ReactJS #FrontendDevelopment #WebDevelopment #JavaScript #CodingJourney #InterviewPrep

❓ React Interview Question: What is useEffect? ✅ Answer: useEffect is a React Hook used to handle side effects in functional components. Side effects include operations like API calls, subscriptions, timers, and DOM updates. It runs after the component renders and can be controlled using a dependency array to decide when it should execute. 💡 Why we use useEffect? React components are meant to be pure, but real-world applications need to: --> fetch data from APIs --> set up event listeners --> work with timers useEffect allows us to perform these operations safely after rendering. #ReactJS #FrontendDevelopment #WebDevelopment #JavaScript #SoftwareEngineering #InterviewPreparation #CodingInterview

🚀 𝗖𝗹𝗼𝘀𝘂𝗿𝗲𝘀 𝗶𝗻 𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁 — 𝗢𝗻𝗲 𝗼𝗳 𝘁𝗵𝗲 𝗠𝗼𝘀𝘁 𝗔𝘀𝗸𝗲𝗱 𝗜𝗻𝘁𝗲𝗿𝘃𝗶𝗲𝘄 𝗤𝘂𝗲𝘀𝘁𝗶𝗼𝗻𝘀! If you’ve ever prepared for a JavaScript interview, you’ve definitely come across closures. But do you truly understand them? In simple terms: A closure is when a function “remembers” the variables from its outer scope even after that outer function has finished executing. 𝗪𝗵𝘆 𝗶𝗻𝘁𝗲𝗿𝘃𝗶𝗲𝘄𝗲𝗿𝘀 𝗹𝗼𝘃𝗲 𝘁𝗵𝗶𝘀 𝗾𝘂𝗲𝘀𝘁𝗶𝗼𝗻? Because it tests your understanding of:  • Scope  • Lexical environment  • Memory behavior in JavaScript Quick Example: function outer() {  let count = 0;  return function inner() {   count++;   console.log(count);  }; } const counter = outer(); counter(); // 1 counter(); // 2 Here, inner() still has access to count even after outer() is executed — that’s a closure! 🔥 𝗥𝗲𝗮𝗹-𝗪𝗼𝗿𝗹𝗱 𝗨𝘀𝗲 𝗖𝗮𝘀𝗲𝘀 • Data privacy (encapsulation) • Creating counters & stateful functions • Event handlers & callbacks • Memoization & performance optimizations 💬 If you’re preparing for interviews, don’t just memorize definitions — understand how closures work under the hood. #frontend #javascript #reactjs #nextjs #community