Tips for writing concise JavaScript code — Preface JavaScript is constantly evolving and upgrading, and more and more new features make our code concise. This article will introduce six new JavaScript features. Let’s study them together. 1. Use “Object.hasOwn” instead of “in” operator Sometimes, we want to know whether a property exists on an object and use the “in” operator or “obj.hasOwnProperty” to do so…

Yup, you’re probably using them incorrectly — I'm tired of seeing the same tutorials pop up every couple of weeks. "JWTokens are the recommended auth method because of scalability." "JWTokens are easier to use." "JWTokens are stateless, so you don't use memory on the server." Let me tell you something. These people probably don't know any better. …

Save hours and avoid headaches by using these resources. — I have been using React for a little over 2 years and once you look past the steep learning curve, it is a solid, well-rounded library. In the last 2 years, I have developed multiple applications of all sorts with a wide range of tools, ranging from relational databases to…

Conquer your interviewer. — Recently, one of my friends was asked this question during an interview. This question actually examines the interviewee’s understanding of performance optimization and is related to a lot of topics. Here I will analyze this question with you. Create a server To facilitate subsequent testing, we can use node to create a simple…

Consider the possibility that you are going headless or building an SaaS application and are not relying on a server side programming language to do the work for you, you might sometimes find yourself in need of needing to remove HTML from a string. …

Recently, one of my padawans came to me for help and advice on a school project. After a quick glance at its code, I was immediately stunned by the massive use of the querySelector and querySelectorAll methods to retrieve elements by their id or class only. When I asked him…

Introduction JavaScript decorators are a relatively new feature in JavaScript that allows adding new behavior to existing functions and objects without modifying their underlying code. You can achieve it by using a special syntax that uses an @ symbol before the function name or object key. Let’s take a quick look…

A Step by step guide with an example project — In web applications, all the data you show on the page should reside somewhere, for example, cache, database, storage account, etc. You need to fetch the data from the different sources and do some processing and then render the data on the UI. …

Build your own native UIs in JavaScript — In this series, I go through different common-use case scenarios in which your first thought could be using a library or making something completely custom from scratch, even when there are native ways of achieving the same. Check out the full list of articles for this series: You Don’t Need…

Because who doesn’t love to build things with just a single line — What is the thing you do if you want to impress a professional developer? It’s simple: Solve a complex problem with simple logic and as few lines of code as possible. With the introduction of ES6 arrow functions, it is possible to create one-liners that look elegant and simple. In…

Useful HTML features and tips that you should know. — HTML is a mandatory markup language for the web. If you don’t know at least some HTML basics, don’t tell me you’re a web developer. The good thing about HTML is that it has a lot of tags, attributes, and features that we can benefit from. …

My thoughts on clean code — Recently I have finished reading the classic Clean Code by Uncle Bob. As I like to jot down everything I read, I thought it would be a great idea to summarize the book and create a handy playbook. Obviously, this list isn't complete. It will probably evolve and transform in…