Very cool JS feature, although something you’ll probably never (or shouldn’t 😅) write in production: custom iterables. If an object implements [Symbol.iterator], it plugs into JavaScript’s iteration protocol, so it works naturally with for...of and spread. 👨💻✨💡 #javascript
The production equivalent are generators
✨ Mastering Promises in JavaScript Asynchronous code is at the heart of modern JavaScript — and Promises are what make it manageable. In today’s post, I’ve shared a clear and practical guide to mastering Promises in JavaScript, helping you understand how async flows actually work behind the scenes. This post is designed to make promises feel less confusing and more predictable. If you want to write cleaner async code and feel confident while handling API calls, this one is for you. 👇 What’s the trickiest part of working with Promises for you? Drop your thoughts in the comments! Follow Muhammad Nouman for more usefull content #learningoftheday #900daysofcodingchallenge #FrontendDevelopment #WebDevelopment #JavaScript #React #CodingCommunity #Promises #AsyncJavaScript
🚀 Day 888 of #900DaysOfCode ✨ Mastering Promises in JavaScript Asynchronous code is at the heart of modern JavaScript — and Promises are what make it manageable. In today’s post, I’ve shared a clear and practical guide to mastering Promises in JavaScript, helping you understand how async flows actually work behind the scenes. This post is designed to make promises feel less confusing and more predictable. If you want to write cleaner async code and feel confident while handling API calls, this one is for you. 👇 What’s the trickiest part of working with Promises for you? Drop your thoughts in the comments! #Day888 #learningoftheday #900daysofcodingchallenge #FrontendDevelopment #WebDevelopment #JavaScript #React #CodingCommunity #Promises #AsyncJavaScript
The JavaScript start to make sense with the help of Namaste JS. JavaScript is single-threaded. It can only do one thing at a time. So how does it handle timers, API calls, and other async stuff without freezing? Turns out, it doesn't. The browser does. JavaScript hands off async operations to the browser (Web APIs), keeps running your code, and picks up the results later when it's free. The event loop is just the thing that coordinates all of this. The tricky part? Understanding why this prints in this order: setTimeout → goes to callback queue Promise → goes to microtask queue (higher priority) Promises always cut the line. That's why they execute before setTimeout, even with 0ms delay. Documented the whole flow with examples: https://lnkd.in/dC3mh_AV If the event loop still feels like magic, maybe this helps. #JavaScript #WebDev #Coding #LearningInPublic
JavaScript Notes to Escape Tutorial Hell (14/20) JavaScript is a single-threaded language. It has one call stack and can only do one thing at a time. So, why doesn't your entire browser freeze every time you click a button or wait for a timer? The answer is the Callback Function. It handles timers, clicks, and async tasks smoothly. This deck explains: - What callback functions really are - How callbacks enable asynchronous behavior - Why setTimeout and event listeners don’t block execution - How closures maintain state (like a click counter) - How callbacks interact with the call stack - Why unmanaged event listeners can cause memory issues Callbacks are powerful, but only when you understand how they work internally. #JavaScript #WebDevelopment #Callbacks #Asynchronous #CodingJourney #SoftwareEngineering #InterviewPrep #FrontendDeveloper
How TypeScript Works (Behind the Scenes) A quick look at the TypeScript compilation flow: TypeScript (.ts) → Lexer → Parser → Type Checker → Emitter → JavaScript (.js) Types are checked at compile time only and removed before emitting JavaScript. Visualizing this really helped me understand TypeScript better—sharing in case it helps others too 🙂 #TypeScript #JavaScript #Frontend #Learning
JavaScript Revision – Day 3 Revisited core JavaScript fundamentals including scope, hoisting, this, execution context, call stack, control flow, loops, and higher-order array methods. Strengthening the basics to write cleaner and more predictable code. 💻✨ #JavaScript #WebDevelopment #LearningJourney #Frontend
One key takeaway I’ve learned when working with strings in JavaScript is that string methods return new values, and if the result isn’t reassigned, JavaScript simply discards it. This often causes a lot of confusion when you don’t yet understand why nothing seems to change. #JavaScript #WebDevelopment #TechJourney #Growth
How does JavaScript handle memory? JS uses garbage collection to remove unused objects, preventing memory leaks. But developers must avoid circular references and lingering listeners. #WebPerformance #JavaScript
Destructuring in JavaScript made simple 🚀 Learn how to pull values from arrays and objects effortlessly. ✨ Write cleaner, more readable, modern JavaScript Swipe through easy examples and level up your JS skills! 👇 Share your favorite JavaScript trick in the comments! #JavaScript #WebDevelopment #JSTips #Destructuring #CleanCode #FrontendDev
Day 31/100 🚀 Understanding JavaScript errors — syntax, reference, and type errors, how to read error messages, and better ways to debug and resolve issues. #100DaysOfCode #JavaScript #WebDev
It seems fine for production. I just have to ask myself, when would I want a new kind of iterable object rather than just a generator function? The advantage of a Range object over `function* range(from, to)` is that I can retrieve `range.from` and `range.to` later, I suppose. I can't see it being the clearest way often, but maybe sometimes!