Latest

Code Clarity: Why Every Function Needs One Job

Let's say we're building an employee profile page. When someone visits a profile, three key things need to happen: 1. We need to grab their data from our backend (things like name, bio, profile pic) 2. While that data is loading, we should show a nice

Why is typeof null === 'object' in JavaScript?

In the mid-1990s, the web rapidly evolved, and the need for a more dynamic and interactive browsing experience became increasingly apparent. Netscape, the company behind the popular Mosaic web browser, recognized this shift and wanted to stay ahead of the curve. Brendan Eich was then a young programmer with a

Tailwind: Because Life's Too Short for !important

CSS frameworks have become a hot topic in front-end development in recent years. Tailwind CSS has emerged as a noteworthy contender, separating the developer community from either love or hate for Tailwind. In this article, I will talk about the advantages of Tailwind CSS compared to traditional CSS, focusing on

Conquering the Digital FOMO

Back in ancient Greece, a well-known philosopher named Heraclitus said something that still rings true today: "The only constant in life is change." Numerous software engineers find this statement deeply relatable. Imagine you're a software engineer. You've just gotten comfortable with a particular set

From Stylish to Sluggish: The Hidden Costs of CSS-in-JS

If you've used modern web frameworks like React, Angular, or Vue, you've probably encountered CSS-in-JS tools like Styled Components, Emotion CSS, or JSS. These tools let you write CSS using JavaScript, which can be handy. However, CSS-in-JS has a big drawback: it's slower than

JSX Evolved: The React Server Components

React's journey over the last ten years has been nothing short of revolutionary. This popular library has been in a constant state of growth, with each new version bringing fresh ideas and performance boosts. Some updates have even changed how we think about building web applications. The latest

Beyond the Hype: My Honest Reflections on Gen AI

It's been more than a year since the AI crazy hype and now that the dust has settled, we are seeing some clear signs where AI is. We witnessed smart chat platforms like ChatGPT and Claude, services for generating images and videos like DALL-E and Midjourney, GitHub Copilot,

All About Events - Event Bubbling, Propagation and Delegation

In the world of programming, events serve as catalysts for action. Like many languages, JavaScript leverages this concept to execute code in response to specific triggers. Whether a user interaction or a system occurrence, events provide a mechanism to initiate predetermined processes. While the implementation may differ between client-side and

The Senior Engineer Illusion: What I Thought vs. What I Learned

As a junior engineer, I had some wild ideas about senior engineers. I thought they were like coding superheroes - able to debug any issue, always knowing the next step, and walking tech encyclopedias. I used to think that leveling up your career to senior would grant you unlimited knowledge

What Are JavaScript Generators?

One of the less-known, but cool JavaScript features are generators. Added in ES6, generators provide a different method for handling loops and asynchronous tasks. You can think of generators as functions with a pause button. They yield values on demand, unlike the normal functions that run to completion. This unique

3 ways to optimize conditional rendering in React

In this short article, we will talk about optimizing conditional rendering code in React and some general good practices. Through the years I have seen some bad examples that make your code buggy, but also unreadable. So we can start with first good practice. Avoid unnecessary ternary operators Let'

What Is Debouncing?

Let me tell you a story. Years ago, I was holding an exam for my students. The exam was a task in JavaScript where they needed to implement a search input that would display songs returned from Apple's iTunes API endpoint. I prepared everything for them and they

Git guide I wish I had when I was a student

When I was a student, we learned nothing about Git in college. Instead, we uploaded our coding practices to Moodle. Back in the days of my first job as a junior software engineer, I didn't know a single Git command or how it worked. I had to learn

React coupling, decoupling and composition explained

When working in React, you want to separate logic from your components, reuse those components as much as possible, and do that by writing as little code as possible. This is easier said than done, but knowing how to separate business logic code from your presentation code is extremely important.