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
Explains pure functions in JavaScript, their benefits, and how to identify and handle impure functions for better code.
A quick introduction to using the Record<K, V> utility type in TypeScript for defining object types with specific keys and values.
A guide to writing comments in React JSX, covering standard syntax and alternative JavaScript comment techniques for cleaner code.
Explores four methods to implement enum-like structures in JavaScript, covering plain objects, Object.freeze(), proxies, and classes.
Explains how to use React's forwardRef() and useImperativeHandle() to pass refs and access DOM elements or methods in child components.
A beginner's guide to understanding and using function types in TypeScript, covering syntax, type aliases, and practical examples.
A comprehensive guide to understanding and using Vue.js refs, the primary tool for reactivity in Vue's Composition API.
Explains how to access and use environment variables in JavaScript and Node.js, including differences between CLI and browser environments.
Explains key differences between ref() and reactive() in Vue 3 Composition API, including handling primitives, data access, and usage.
A guide to correctly destructuring props in Vue's Composition API while maintaining reactivity, with solutions to common pitfalls.
Explains the triangulation technique in Test-Driven Development (TDD) to safely generalize code using multiple test assertions.
Explains how to use Vue's nextTick() function to wait for DOM updates after data changes, with examples using async/await.
Explains the software design principle of programming to an interface vs. implementation, using a TypeScript list renderer example to show benefits for maintainable code.
Explains JavaScript's array.flatMap() method for mapping and filtering arrays, comparing it to array.map() and array.filter().
Explains the new Object.groupBy() and Map.groupBy() methods in JavaScript for easily grouping array data, comparing them to the traditional reduce() approach.
Explains how to use the import.meta object in JavaScript ES modules to access metadata like the module's URL in browsers and file path in Node.js.
Explains how to import JSON files directly into ES modules using the JSON modules proposal and import assertions in JavaScript.
A guide to trimming whitespace and line terminators from strings in JavaScript using trim(), trimStart(), and trimEnd() methods.
Explains TypeScript function overloading, including overload signatures, implementation signatures, and practical use cases.
A guide to implementing debouncing and throttling techniques for event handlers and watchers in Vue.js components.
