JavaScript Hoisting Explained: Variables and Functions

📝 UseDefault Custom Hook React Custom Hooks allow developers to create logic with a specific purpose that can be reused within different components in their projects. This code section is an example of a custom Hook. In this example, a function named useDefault returns a default value when the state is either null or undefined. #React #SoftwareDevelopment #ReactHook #JavaScript

XSS is not just <script>alert(1)</script>. That’s the demo. The real issue: Browsers treat all rendered data as HTML. So if you render untrusted input as HTML → it can execute JavaScript. Example: // vulnerable element.innerHTML = userInput; ⸻ 3 types to know: • Reflected → immediate response • Stored → affects all users (e.g. comments) • DOM-based → happens in frontend JS ⸻ XSS is dangerous because the code runs in the user’s context. It’s not an input problem. It’s a rendering problem. #WebSecurity #Frontend #JavaScript #SoftwareEngineering #OWASP

JavaScript has exactly 6 falsy values. Memorize them: 1. false 2. 0 3. "" (empty string) 4. null 5. undefined 6. NaN Everything else is truthy. even these: [] ✓ truthy {} ✓ truthy "0" ✓ truthy "false" ✓ truthy -1 ✓ truthy Understanding this helps avoid many logical bugs. #react #frontend #javascript

💡 JavaScript Trick Question: 3 + 2 + "7" In JavaScript, the answer is: 👉 "57" 🔍 Why? 🔹 JavaScript follows left-to-right evaluation and uses type coercion. ⚡ Key Insight : 🔹Once a string enters the expression, everything after that becomes a string operation. "In JavaScript, the moment a string joins the party, numbers stop adding and start concatenating." #JavaScript #WebDevelopment #CodingInterview #Frontend #JSConcepts

Day 86 / 365 👨💻 Light practice focused on strengthening basics. 🧩 Revisited React component structure ⚙️ Practiced small state updates with useState 🔁 Observed re-render behavior in simple examples 🧠 Focused on keeping logic clear and predictable #365DaysOfCode #React #JavaScript #Frontend

React is killing complex logics day by day more better code optimization better performance new React pattern (use() + async support): #ReactJS #FrontendDevelopment #WebPerformance #LearningInPublic #JavaScript #Consistency

💡 Built a mini Todo List in JavaScript! • Add tasks ✅ • Mark them as completed ✔️ • Delete tasks ❌ • Interactive and animated ✨ A fun way to practice DOM manipulation, events, and JS arrays. Perfect for sharpening frontend skills! 🚀 #JavaScript #Frontend #WebDevelopment #Coding #LearnToCode #MiniProject #DOM #Interactive

Explored HTMLCollection vs NodeList today 👇 • HTMLCollection → Live & only elements• NodeList → Static & includes all nodes Blog link:-https://lnkd.in/giPxyQFb Understanding this helps avoid DOM bugs while coding. #JavaScript #WebDevelopment #Frontend #cohort26 #chaiaurcode

React is killing complex logics day by day more better code optimization better performance new React pattern (use() + async support): #ReactJS #FrontendDevelopment #WebPerformance #LearningInPublic #JavaScript #Consistency #sourcescodedev