Prevent React Component Input Reset on Render

🚀 💡 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

Scroll events giving you headaches? 😩 There's a better way. The Intersection Observer API lets you detect when elements enter the viewport — no scroll listeners, no layout thrashing, just clean and efficient JS. ⚡ I just published a full breakdown with real code examples, tips, and common mistakes to avoid. 🔧 Read it now 👉 hamidrazadev.com #javascript #webdev #frontend #learntocode #100daysofcode

Development to Deployment: VS Code workflow made easy! Just a small thing built for fun while exploring tools. Logic Game: The Target Sum Challenge 🧩 Try the live tool here!👇 https://lnkd.in/dCuz7Uxa #GameDev #JavaScript #CodingFun #WebDevelopment #MentalMath #PuzzleGame #VSCode #LogicPuzzles #TechInnovation #Frontend

🚀 Day 18/30 – JavaScript Challenge Solved: 2627. Debounce 💡 Today’s concept: Debouncing Function A debounced function delays execution and cancels previous calls if triggered again within a specific time. 👉 Key Idea: Use setTimeout Clear previous timer using clearTimeout Execute only the last function call after delay ⚙️ Approach: ✔ Maintain a timer variable ✔ On every call → clear previous timer ✔ Set a new timer to execute function after t ms. #JavaScript #LeetCode #CodingChallenge #WebDevelopment #Frontend #30DaysOfCode

What is a closure in JavaScript? A closure is a function that remembers variables from its outer scope even after that scope has finished executing. Why does this work? - `createCounter` runs once - It creates a variable `count` - The inner function “closes over” that variable - Even after `createCounter` finishes, `count` is still accessible Each time `counter()` runs: → it uses the same preserved state 💡 Closures are everywhere: - React hooks - Event handlers - Memoization - Encapsulation patterns They’re not just a concept — they’re part of how JavaScript manages state. #Frontend #JavaScript #React #WebDevelopment #SoftwareEngineering

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

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

📌 Part 8 of 10: A lot of React bugs make more sense once you realize state behaves more like a snapshot than a live variable. That idea sounds small. But once it clicks, a lot of confusing behavior starts making more sense. Why logs can feel misleading. Why updates don’t look immediate. Why handlers sometimes “see” older values than people expect. Once I really understood that, I stopped fighting React as much. I started designing with it instead. What React concept took longer to click for you than expected? #React #ReactJS #StateManagement #JavaScript #FrontendDevelopment #Debugging #TypeScript

Day 94 / 365 👨💻 Kept building consistency with React practice. 🧩 Worked on a small component tweak 🔁 Observed how UI updates with state changes ⚙️ Fixed minor issues in logic 🧠 Focused on keeping code simple and readable #365DaysOfCode #React #JavaScript #Frontend

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