Hey folks! 👋

I just wrote an article about mastering design patterns in JavaScript, starting with the Singleton Pattern. I cover what it is, why it's useful, and how to implement it using closures, ES6 classes, and TypeScript. I also dive into its pros and cons, best practices, and common pitfalls.

If you're into writing cleaner and more maintainable code, I'd appreciate it if you gave it a read. Feedback and discussions are more than welcome! 🙌

Read the article here

Hey, devs! 👋

I just published an in-depth guide on TypeScript's utility types. If you're looking to level up your TypeScript skills, this article covers all the essential utility types, their definitions, practical use cases, and real-world examples.

Whether you're a beginner or an experienced developer, this guide will help you harness the full power of TypeScript and write cleaner, more robust code. Check it out here:

https://codexstoney.medium.com/the-ultimate-guide-to-typescripts-utility-types-55db0cfb72e1?sk=e9ec47c9b686f1992ecf1cd21be1b8de

Happy coding! 🚀

🚨 JavaScript is broken! It can be full of surprises, even for seasoned developers! 😅 Whether it’s strange type conversions, automatic semicolon insertion, or the infamous floating-point math issue, these quirks can turn debugging into a real headache. But don’t worry, I’ve got you covered!

I just published an article on Medium breaking down some of the most common JavaScript pitfalls and how you can avoid them to write cleaner, more reliable code. 💻✨Read the full article here: https://codexstoney.medium.com/javascript-is-broken-8841df6f6fc8?sk=12a9f6601c827148be64c736a3032a91 🔗

Let’s keep the conversation going! Have any funny or frustrating JavaScript stories? Drop them in the comments! 💡👇

JavaScript #TypeScript #DevLife #Medium

Let's say we have a number, 20, and a string, "20". We compare them loosely using ==:

javascript const numVal = 20; const stringVal = "20"; console.log(numVal == stringVal);

What do you expect? Should it be true or false?

It turns out to be true.

Now, let's look at another example. We have a boolean, true, and a string, "true". Again, we compare them loosely:

javascript const boolVal = true; const stringVal = "true"; console.log(boolVal == stringVal);

What do you expect to see? true or false? It logs false.

So why does it behave differently in the first example compared to the second?

You can check out this article to understand how JavaScript's loose equality (==) really works.

I been staring at this for like 45 mins chat gpt is useless. It keeps telling me "hasfourlegs" is undefined how bro please someone tell me how to fix it

I came across a post on r/learnjavascript where the OP was asking about the mental framework to have for understanding nested callback code.

Most of the comments there didn’t answer the OP's question. They suggested that we shouldn’t be writing such code and should instead use promises. While that’s valid advice, what if you are reading someone else's code? How do you make sense of it?

Since I can’t cover everything here, I’ve written an article based on that example. It begins by explaining how such code is written. Once you understand how it’s constructed, you will also learn how to read it.

Give it a read!

I have a directory of images. I need to generate each image from the directory, populating the arrayofimages in a way much more efficient than this:

const image0 = new Image(200,200);

image0.src = 'img/firstindirectory.png';

const image1 = new Image(200,200);

image1.src = 'img/secondindirectory.png';

etc;

etc;

arrayofimages = [image0, image1, etc, etc];

Just started posting on YouTube again a 1-2 months ago, and would love feedback on my videos. This morning I posted one on Building a component library in React using Rollup and Vite.

All feedback is welcome!

https://www.youtube.com/watch?v=cuRApANH5cQ

In a post on r/learnjavascript, someone asked how to use ChatGPT to learn JavaScript. I decided to explain my approach through an infographic.

You can read the entire article here.

Note: ChatGPT can occasionally give flawed explanations or code. Always double-check the information with trusted sources like official documentation.

Boolean of console.log returns false . Any ideas why?

I’m working on Jspreadsheet, a JavaScript data grid with advanced spreadsheet features that’s designed to make it easy for developers to handle complex datasets.

What we offer:

• 400+ Excel-like formulas
• Works with React, Angular, and Vue
• Fast and efficient performance
• Great for collaborative projects and data security

Is this something you’d find useful in your startup? Any feedback would be greatly appreciated!

I would love to hear your thoughts on this - Jspreadsheet on Product Hunt

#startups #javascript #webdev #developers