Dmitri Pavlutin is a Senior Frontend Developer with 10+ years of experience, specializing in JavaScript, TypeScript, React, and Vue.js. He shares practical tutorials and insights on modern frontend development, UI/UX, and application architecture.
176 articles from this blog
A guide explaining the syntax, behavior, and best practices for using arrow functions in modern JavaScript, including lexical scoping of 'this'.
A step-by-step guide explaining async/await in JavaScript, using a story about a greedy boss to illustrate concepts from callbacks to promises.
Explains how to categorize and manage stable vs. volatile dependencies in front-end architecture for better design.
Explains the complexities of comparing JavaScript strings, especially with Unicode combining characters, and offers safer comparison methods.
A guide to using Object.keys(), Object.values(), and Object.entries() methods to extract and work with JavaScript object properties.
Explains how JavaScript strings are sequences of UTF-16 code units, not visible characters, covering length quirks with emojis.
Learn 3 methods to shallow clone JavaScript objects, including object spread, object rest, and Object.assign(), with bonus tips for updating properties.
A guide to checking if an array contains a value in JavaScript, covering primitive values with includes() and object search methods.
A beginner's guide explaining how JavaScript event delegation works, its benefits over individual listeners, and the event propagation phases.
A tutorial on using JavaScript's URL() constructor to parse components like hostname, pathname, query strings, and hash from URLs.
Explains three methods to check if a variable is an array in JavaScript: Array.isArray(), instanceof, and Object.prototype.toString.call().
A guide explaining how to access screen, browser window, and web page dimensions using JavaScript properties.
Explains three methods to check for property/key existence in JavaScript objects: hasOwnProperty(), the 'in' operator, and comparing with undefined.
Learn the correct methods to compare objects in JavaScript, covering referential, shallow, and deep equality techniques.
Explains the differences between Object.is() and the strict equality operator (===) in JavaScript, focusing on NaN and -0 comparisons.
Explains the difference between own properties defined directly on an object and inherited properties from the prototype in JavaScript.
Explains key differences between arrow functions and regular functions in JavaScript, focusing on 'this', constructors, arguments, and more.
A guide to using object destructuring in JavaScript to extract properties from objects, covering syntax, nested objects, default values, and common use cases.
Explains when and why to use React's useCallback hook for performance optimization, debunking common overuse misconceptions.
Explores five tricky JavaScript scope behaviors, including var in loops and function declarations in blocks, to deepen understanding and avoid common pitfalls.
