ls ./articles | wc -l # 34
Writing
Engineering and leadership, from production. Walk-throughs on React, Next.js, TypeScript and Node, AI/ML on Google Cloud, and the parts of leading a team nobody writes down.
- How to Run 1:1s That Actually Build Trust as a Tech LeadMost 1:1s are status updates in disguise. Here’s how to run 1:1s that actually build trust with your team — the structure, the questions, and the habits that turn a weekly checkbox into your highest-leverage meeting.
- Code Review Habits That Separate Good Tech Leads from Great OnesCode review is one of the most visible things a tech lead does every day — and one of the easiest places to quietly damage trust. Here are the habits that make reviews a growth tool instead of a gatekeeping exercise.
- Tech Lead vs Engineering Manager: What’s Actually DifferentThe titles get used interchangeably, but the jobs aren’t the same. Here’s a clear breakdown of what a tech lead actually owns versus what an engineering manager owns — and how to figure out which path you actually want.
- The AI/ML Skills Every Software Engineer Should Learn in 2026You don’t need to become a data scientist to stay relevant. Here’s the practical, cloud-agnostic AI/ML skill set every software engineer should be building right now — and where to actually start.
- How to Say No as a Tech Lead Without Losing TrustSaying yes to everything doesn’t make you a team player — it makes you a bottleneck with no boundaries. Here’s how to say no as a tech lead in a way that protects your team and actually builds trust, not burns it.
- What Hiring Managers Look For in a Tech LeadMost developers think tech lead interviews are about proving how good they are technically. They’re not. At tech lead level, competence is assumed — judgment is evaluated. Here’s what hiring managers actually look for, and what separates candidates who almost get promoted from those who consistently do.
- How to Mentor Juniors and Make Them 10x Better DevelopersGreat developers don’t appear by accident — they’re shaped through guidance, trust, and repetition. Mentorship isn’t about giving answers; it’s about upgrading how someone thinks. Here’s how to mentor effectively without micromanaging or burning out.
- How to Gain Trust as a Tech Lead — Even Without the TitleMany developers believe leadership starts with a title. It doesn’t. Most tech leads are already leading long before the promotion arrives — influencing decisions, unblocking teams, and setting technical direction without formal authority. Here’s how to build that trust.
- What Makes a Great Tech Lead (and Why Most Fail)Most first-time tech leads don’t fail because of bad code — they fail because they never stop thinking like individual contributors. Seven behaviours that separate great tech leads from the ones who quietly struggle, and the three rules of leadership that change everything.
- How Tech Leads Make Better Technical Decisions (and You Can Too)Technical decisions are rarely just technical — they affect delivery speed, team morale, operational risk, and sometimes millions of users. Tech leads don’t make better decisions because they know more. They do it because they think differently. Here’s how.
- From Coder to Tech Lead: 7 Mindset Shifts You Must MakeBecoming a Tech Lead isn’t just the next step after Senior Engineer — it requires a fundamental mindset shift. Seven shifts every senior developer has to make if they want to move from writing great code to leading high-performing engineering teams.
- Understanding Deployment Strategies: Pros, Cons, and ImplementationDeploying software is a critical phase in the software development lifecycle. The chosen deployment strategy can impact the stability, performance, and user experience of the application. This blog will explore various deployment strategies, discussing their advantages, disadvantages, and implementation details.
- Steps to Create a React Component LibraryThis is a step-by-step guide for creating a component library using TypeScript, Rollup, Jest for testing, styled-components for styling, Storybook for Component Library development, and CircleCI for automation.
- Building a Robust Email Authentication System with Firebase, React and TypeScriptWelcome to this comprehensive Firebase Authentication tutorial, where we will guide you through creating a robust email authentication system for your web application. Firebase offers a powerful suite of tools for building seamless authentication experiences, and by the end of this tutorial, you will have a fully functional system in place.
- Elevating Frontend Development: A Guide to CI/CD Pipelines with GitHub ActionsFrontend development has evolved rapidly over the years, and with the growing complexity of web applications, maintaining a high standard of code quality has become more crucial than ever. Continuous Integration (CI) and Continuous Deployment (CD) pipelines play a pivotal role in achieving this by automating the process of testing, linting, and deploying code changes.
- Roadmap to Learning Frontend Development in 2024Frontend development is a dynamic field that is constantly evolving with new frameworks, libraries, and technologies emerging every year. Whether you are just starting out in web development or looking to update your skills, having a solid roadmap helps provide direction and structure to your learning journey. In this post, we will walk through the key frontend skills and technologies to learn in 2024 to become an effective frontend developer.
- My Journey From Sluggish Site to Lightning SpeedAs a Senior Web Developer and mentor, I live and breathe websites. So when my own site started slowing to a snails pace, I knew it was time for an extreme makeover. Launching my freelance and web development career seven years back, I hastily threw together a simple WordPress site. It did the job at first, but over time as I added more plugins, images, and features, the site became bloated and slow.
- Best Practices for Testing React and Next.js Applications in 2023Testing is an essential part of any software project, but tests are often overlooked when it comes to React and Next.js. In this article, I’ll cover the main types of testing that you can do with your React and Next.js codebases so that you can ship high-quality code with confidence.
- Building a Progressive Web App with React and Next.js in 2023Welcome! In this post, I will be building a progressive web application (PWA) using React and Next.js. I will explain the concepts of PWAs, service workers, and offline caching. I’ll start by talking about what a PWA is and why you should build one. Then I’ll go through how to install the necessary tools on your machine as well as some basic setup on GitHub. Finally, I’ll walk through creating an app with React and Next.js that uses Google’s Firebase Cloud Functions for authentication purposes!
- Optimizing Performance in React and Next.js Applications for 2023Performance optimization is important for building amazing applications for the web. When your application loads quickly and runs smoothly, users will be delighted with their experience and return to your site again and again. In this article, I’ll cover tips and techniques to improve the performance of React and Next.js applications. I’ll also discuss how to measure the performance of your application so that you can identify improvements in real-time.
- Getting Started with Next.js: A Comprehensive Guide for 2023Next.js is a framework for building server-rendered React applications with minimal configuration. It’s designed to be used in conjunction with a standard Express server, as well as other libraries such as Redux or GraphQL. In this guide, we’ll walk through the basics of setting up a Next project from scratch and explore its key features and benefits!
- 10 Essential React Components Every Developer Should Know in 2023React is the most popular framework for building user interfaces. Today, it’s used by Netflix, Airbnb, and Instagram. As a developer or designer who plans to use React in their next project, you’ll want to know which components are available. This article will help you get up to speed with ten fundamental React components that are widely used in modern web development.
- What are reducers in redux explain like i’m 5 years old?Reducers are special functions that help to manage information in a program called Redux. Think of Redux like a giant toy box with all sorts of toys inside. A reducer is like a special helper who takes out a toy, plays with it, and then puts it back in the toy box.
- How is state Changed in redux explained like i’m 5 Years old?In Redux, “state” is like a box of toys that we want to change or update. But, we can’t just go into the box and start changing things, we have to follow some rules. Think of it like playing a game where you can only make moves by following certain instructions.
- What is configureStore in redux toolkit explain like I’m 5 years old?In simple terms, configureStore is a tool that helps you create a “store” in your React app. A store is like a big box that holds all the data for your app.
- What is the difference between mapStateToProps() and mapDispatchToProps() explain like i’m 5?In Redux, we have something called a store that holds all the data of our application. mapStateToProps and mapDispatchToProps are two functions that allow our React components to interact with this store.
- What is GraphQL and how to fetch data with it in your frontend react application?GraphQL is a data query language developed by Facebook. It lets you write queries to get your data from a server, instead of writing multiple REST API calls with different endpoints and parameters. In this tutorial, we will learn how to fetch data using GraphQL in our React application.
- What is React Suspense, And Is It Better For React Performance?You’ve probably heard of React Suspense, but do you know what it is? In this article, I will explain what React Suspense is and how it works. I will also cover common use cases for implementing React Suspense in your app.
- What is the difference between useState and useRef for react in a form?React hooks are used to add state to your component. They can be used in both functional components and classes, but they’re especially useful if you want to define state outside of the render method. In this post, we’ll go over two hooks that can help with this: useState and useRef. We’ll also look at how these work inside of a simple form so you can see how they’re different from each other when it comes time to use them in your own projects!
- Adding Async Unit Tests When Fetching DataIt’s not always clear how to test code that executes asynchronously. Testing asynchronous code can be tricky. If a function is supposed to return data when it’s finished running but doesn’t do so synchronously, you’ll probably want to test that the result is ready and available. That’s where async unit tests come in!
- Dynamic Imports To Stop Server-Side Rendering in NextJSIt’s not always clear how to test code that executes asynchronously. Testing asynchronous code can be tricky. If a function is supposed to return data when it’s finished running but doesn’t do so synchronously, you’ll probably want to test that the result is ready and available. That’s where async unit tests come in!
- How to add navigation in my react applicationTo add navigation to your React application you need to follow a few steps
- How to Fetch API Data in React Like a ProYou've built a kickass React app and it's time to add some data. You could use an API, but what if you don't know how? Or maybe you've built an API with your favorite tool but have no idea how to fetch that data into your application? Don't worry — we're about to walk through the basics of fetching data from an API with React.
- ReactJS for beginnersReactJS is a JavaScript library created by Facebook for building user interfaces. It is used for building large applications that can be rendered on both the client and server sides. ReactJS uses a "virtual DOM", which allows it to be more efficient than other libraries. It has features like data binding and modularity, which make it easier to maintain large applications than other libraries.