Posts
All the articles I've posted.
Front-End News November 2023
Posted on:November 30, 2023November 2023 witnessed significant developments in the web development sphere, with major releases and trends shaping the landscape. This article highlights key updates in Angular, jQuery, Vite, Microsoft's Rust initiative, Github's Octoverse report, and the State of WebAssembly survey.
Solving Type Predicates in TypeScript
Posted on:July 29, 2023TypeScript's type inference is a powerful feature that simplifies the development process, making code more readable and maintainable. However, there are instances where TypeScript's inference may fall short, leading to challenges in understanding and resolving issues. In this article, we'll explore a common problem related to type inference failure and learn how to overcome it using type predicates.
Understanding useEffect in React
Posted on:July 28, 2023React's useEffect hook is a powerful tool for managing side effects in functional components. However, it's common for developers to misuse it, leading to subtle bugs that can be challenging to debug. In this article, we'll explore a common issue related to dependencies in the useEffect dependency array and discuss best practices to avoid potential pitfalls.
Understanding TypeScript Array Types and Tuples
Posted on:July 26, 2023In the vast world of programming, data comes in various shapes and forms. To effectively manage and manipulate data, TypeScript provides a robust type system that allows developers to define and enforce the structure of their data. In this article, we'll delve into TypeScript's array types and explore the concept of tuples.
The Art of Making Things Clickable in HTML
Posted on:July 25, 2023When it comes to making elements clickable in HTML, developers often find themselves at a crossroads. The choice between the <button>, `<a>` (anchor), or even <div> tags can be puzzling. In this article, we'll delve into the nuances of creating clickable elements in HTML, exploring the pros and cons of different approaches and providing code examples to illustrate each point.
Understanding Vue 3 Reactivity reactive() vs. ref()
Posted on:July 24, 2023Vue 3 introduces two main methods for creating reactive data: reactive() and ref(). While both approaches serve the purpose of making data reactive in a Vue application, there are important distinctions and limitations to consider when choosing between them. In this article, we'll explore these methods with code examples and discuss the limitations of using reactive().
Say Goodbye to Old Square Bracket Syntax
Posted on:July 23, 2023JavaScript has been evolving rapidly, and with each iteration, developers are treated to new and improved syntax. One of the areas where a refreshing change has occurred is in the way we access elements from arrays and characters from strings. Let's bid farewell to the old square bracket syntax and explore the cleaner and more versatile alternatives.
Mastering Conditional Rendering in React. Ternary Operator and Pitfalls
Posted on:July 22, 2023React, a popular JavaScript library for building user interfaces, offers multiple ways to implement conditional rendering. In this article, we'll explore the ternary operator, a concise method often used for conditional rendering in React components. We'll delve into examples from a React tutorial, discussing common mistakes and presenting alternative solutions to ensure robust and error-free code.
Understanding Dependency Inversion Principle in React
Posted on:July 21, 2023When it comes to building robust and maintainable React applications, adhering to design principles is crucial. In this article, we'll delve into the Dependency Inversion Principle (DIP), the last principle we'll explore in this series. DIP emphasizes that entities should depend upon abstractions, not concretions. This principle plays a pivotal role in making React components more modular, reusable, and adaptable.
Understanding Redux
Posted on:July 20, 2023Redux is a state management pattern and library designed to assist developers in implementing complex state management requirements at scale. It was created by Dan Abramov and Andrew Clark at Facebook and has become one of the most loved and, at times, polarizing libraries in the React ecosystem.