Understanding JavaScript Event Loop

🚀 💡 JavaScript Tricky Question Explanation const arr = [4, 10, 2, 8]; const result = arr.find(num => num > 5) + arr.findIndex(num => num > 5); console.log(result); 👉 Output: 11 👉 Explanation: * find() returns the first value > 5 → `10` * findIndex() returns its index → `1` * Final result → `10 + 1 = 11` ⚡ Both stop at the **first match** #JavaScript #WebDevelopment #Frontend #CodingInterview #JSConcepts

𝑪𝒓𝒆𝒂𝒕𝒊𝒏𝒈 𝒂 𝑹𝒆𝒂𝒄𝒕 𝒑𝒂𝒄𝒌𝒂𝒈𝒆 𝒔𝒐𝒖𝒏𝒅𝒔 𝒉𝒂𝒓𝒅𝒆𝒓 𝒕𝒉𝒂𝒏 𝒊𝒕 𝒊𝒔… 𝒖𝒏𝒕𝒊𝒍 𝒚𝒐𝒖 𝒐𝒗𝒆𝒓𝒄𝒐𝒎𝒑𝒍𝒊𝒄𝒂𝒕𝒆 𝒊𝒕. A few things that helped me: - Start with one reusable component, not a full library - Use Vite for fast setup - Test it locally with npm link before publishing Simple > perfect. How are you structuring your packages? #reactjs #javascript #webdev #frontend #opensource

Have you ever hit the “why is my input resetting on every render?” bug?  ➤ Defining a component function inside another component creates a new function on every render 🔄🧠 ➤ React can treat it like a different component type 🎭❓ ➤ Result: inputs/state can reset repeatedly 🔁⚠️ ➤ Fix: define components at the top level (outside the parent component) 🔝✅ #React #JavaScript #Frontend #Debugging #BestPractices

Stop overcomplicating Full-stack TypeScript with tRPC — end-to-end type safety. I've reviewed hundreds of implementations. The best ones? Dead simple. The pattern: - Start with the boring solution - Measure actual bottlenecks - Only then add complexity Premature optimization is real, and it kills projects. What's the simplest solution you've shipped that just worked? #WebDevelopment #TypeScript #Frontend #JavaScript

just published part 2 of my React internals series , this one covers what actually happens when you call setState and how does re-rendering works. part 1 (initial render): https://lnkd.in/dycpqavw part 2 (re-render): https://lnkd.in/d4tWTwmk #react #javascript #frontend #webdev

JavaScript basics that still matter: let vs var vs const var: • Function scoped • Can be redeclared let: • Block scoped • Can be updated const: • Block scoped • Cannot be reassigned Small concepts, big impact on clean code. Which one do you use the most? #JavaScript #CodingTips #Frontend

📌 Event Loop JavaScript is single-threaded The Event Loop manages asynchronous operations It continuously checks the Call Stack Microtasks (Promises) are executed before Macrotasks (e.g., setTimeout) 👉 Use case: Execution of asynchronous operations #JavaScript #EventLoop #Concurrency #NodeJS #Frontend

What are Hooks? Hooks are special functions that allow you to use state and lifecycle features inside functional components. 🔹 useState 🧩 Manage and update component data easily without class components. 🔹 useEffect 🔄 Handle side effects like API calls, DOM updates, and subscriptions. 🔹 Why Hooks Matter? ⚡ Cleaner and shorter code 🔁 Reusable logic across components 🚀 Better readability and maintainability #ReactHooks #ReactJS #JavaScript #FrontendDev

🚀 Day 19/30 – JavaScript Challenge Solved: 2721. Execute Asynchronous Functions in Parallel 💡 Today’s concept: Promise.all (Parallel Execution) We were given multiple async functions and needed to execute them in parallel, not one by one. 👉 Key Idea: Start all async functions at once Track results in order Resolve only when all are completed Reject immediately if any fails ⚙️ Approach: ✔ Create a result array ✔ Maintain a counter ✔ Call all functions simultaneously ✔ Store results by index ✔ Resolve when count matches length #JavaScript #AsyncProgramming #Promises #LeetCode #WebDevelopment #Frontend

🚀 JavaScript Output Challenge #5 (Hoisting Trap) Looks simple… but is it really? 👀 🧠 Question: 👉 What will be printed in the console? ⚠️ Don’t run the code. Try to think about: Hoisting Function declaration vs variable declaration Execution context 🤔 Bonus: Why does JavaScript behave this way internally? 💬 Drop your output + reasoning in comments Let’s see who understands JavaScript deeply 🔥 📌 Detailed explanation coming soon... #javascript #webdevelopment #frontend #codingchallenge #reactjs #nodejs