JavaScript Truthy Values Challenge: Understanding the Meaning of Empty Strings

Hey network! 👋 I’ve been diving into learning JavaScript recently and wanted to share my latest practice project: a classic Simon Says Game! 🎮 Building this was a fantastic way to get hands-on experience with Vanilla JS, specifically focusing on DOM manipulation, event handling, and sequence logic. It was a fun challenge keeping track of the memory arrays and user inputs! 💻 Check out the code here: https://lnkd.in/gwGmr_37 🔗 Let's connect: https://lnkd.in/gtzKeBxq Thoughts and feedback are always welcome! #JavaScript #WebDevelopment #Frontend #CodingJourney #LearningToCode #Projects

Built a little browser game over the weekend using just vanilla JavaScript. No frameworks, no libraries — one HTML file. Move your cursor to destroy enemies, survive boss waves, grab power-ups. Runs at 60fps with particle effects and procedural audio. Sometimes the best way to sharpen your skills is to build something fun. Try it: https://lnkd.in/gQGEcv-v #JavaScript #WebDev #CreativeCoding

🧠 If you're overusing "useEffect", you're probably doing it wrong. This hook is powerful — but also one of the most misused things in React. Here’s what I see often 👇 ❌ Missing dependency array → unexpected behavior ❌ Adding everything to dependencies → infinite loops ❌ Using useEffect for derived state → unnecessary complexity ✅ Use it only for side effects: - API calls - Subscriptions - DOM interactions --- 💡 Rule of thumb: “If it can be calculated during render, don’t use useEffect.” --- 👀 Let’s discuss: 👉 What’s the most confusing part of useEffect for you? 👉 Have you ever debugged an infinite loop issue? 😅 Drop your thoughts 👇 #ReactJS #Frontend #JavaScript #WebDev #Programming

🚀 𝐃𝐚𝐲 𝟏𝟏/𝟏𝟓 𝐨𝐟 𝐌𝐲 𝐉𝐚𝐯𝐚𝐒𝐜𝐫𝐢𝐩𝐭 𝐋𝐞𝐚𝐫𝐧𝐢𝐧𝐠 𝐒𝐞𝐫𝐢𝐞𝐬 Today I learned about Events in JavaScript ⚡ 👉 Events are actions that happen in the browser (like click, hover, key press, etc.) 📌 Example: let btn = document.getElementById("btn"); btn.addEventListener("click", function() { console.log("Button clicked!"); }); 👉 Common Events: click → when user clicks mouseover → when mouse moves over element keydown → when key is pressed 👉 Events make websites interactive and dynamic 💻✨ 💬 Question: Which event have you used — click or keyboard events? Let’s learn together 🚀 #JavaScript #WebDevelopment #LearningInPublic #Day11 #FrontendDevelopment

DAY 14 — The Dependency Array Is a Contract THE DEPENDENCY ARRAY IS A CONTRACT Lying to useEffect's dependency array is one of the most common React mistakes. The eslint-plugin-react-hooks rule exists for a reason. If you omit a variable from the deps array, your effect runs with a stale closure. If you include everything correctly, the effect re-runs when any dep changes. The temptation is to add [] to "run once" — but if your effect uses state or props, you're creating a silent bug. The real fix is to rethink the effect's structure, not silence the linter. Empty deps [] means "I swear this effect uses nothing from the component." If that's not true, you have a bug. How many times has the linter saved you from yourself? 👇 #useEffect #ReactHooks #BestPractices #JavaScript

JavaScript has a lot of tricky questions, and one of my favorites is this one 👇 console.log([] == ![]) Most developers expect this to be false. But the actual output is: true Why? Step 1: ![] becomes false Because in JavaScript, an empty array is truthy. Step 2: Now the comparison becomes [] == false Step 3: JavaScript converts both values during loose equality comparison false becomes 0 [] becomes "" Then: "" becomes 0 Final comparison: 0 == 0 That’s why the result is true. This is a perfect example of why == can create unexpected results. That’s also why many developers prefer using === for safer and more predictable comparisons. JavaScript is powerful, but type coercion can be surprisingly tricky. Have you seen a stranger JS behavior than this one? 😄 #JavaScript #FrontendDevelopment #WebDevelopment #Programming #SoftwareEngineering #JSInterview #ReactJS

JS Pop Quiz: Did we just overwrite the Admin?! Let’s see who really understands JavaScript memory allocation! 👨💻👩💻 Look at the code snippet from @codewithsarir. We have a user1 object. We assign it to user2, and then change user2's role to 'Guest'. Question: What does console.log(user1.role) actually print? A) 'Admin' (Because we only changed user2) B) 'Guest' (Because they share the same reference) C) undefined D) It throws a TypeError Hint: Think about how JavaScript handles Objects versus Primitive types like strings. Does = make a copy, or just point to the same address? 🤔 Drop your guess in the comments before you test it in your IDE! 👇 Hashtags: #JavaScript #CodingQuiz #WebDesign #ProgrammerLife #Developers #LearnToCode #JS #Frontend #creators #codinglife #programmer

I recently came across the work of Cheng Lou, and it genuinely caught my attention. His project, Pretext, tackles one of the long-standing bottlenecks in modern browsers—how CSS and JavaScript are handled during rendering. What’s particularly impressive is how this approach rethinks the traditional pipeline, potentially unlocking significant performance improvements. After watching the demo, I’m excited about the possibilities and looking forward to experimenting with it in an upcoming project. If you're interested in exploring it yourself, check it out here: GitHub: https://lnkd.in/gXnSsPrR #JavaScript #Chenglou #Pretext #CSS #Browsers #Demos #GitHub #Viral #CFBR #TypeScript

JavaScript Weirdness That Blows Minds Did you know? NaN === NaN returns false Yes, you read that right. In JavaScript, NaN (Not a Number) is the only value that is not equal to itself. Why? Because NaN represents an invalid or undefined numeric result. And according to how JavaScript handles numbers internally, different invalid operations can produce different “NaN-like” values, so they are not considered equal. console.log(NaN === NaN); // false So how do you check it correctly? Number.isNaN(NaN); // true Bonus: typeof NaN // "number" Yes… it's a number too JavaScript isn’t weird… it’s just misunderstood. #JavaScript #WebDevelopment #Programming #Coding #Frontend #LearnToCode #DevTips

building daily with Access Denied Built a Tic Tac Toe game using JavaScript today. this one was more challenging than expected because the main task was managing the game logic properly: tracking turns, checking winning conditions, and making sure the board updates correctly after each move. felt nice seeing everything work together instead of just writing isolated pieces of code. Slowly getting more comfortable with how JavaScript controls behaviour on a webpage instead of just styling it. More projects coming soon... github link in comments. #javascript #buildinpublic #webdevelopment #learning #codingjourney