Writing

we explored the theory: the layers of AI, how Transformers work, and the difference between “Generative” and “Agentic” systems. We established that while ChatGPT is a fantastic product, the real power for engineers lies in the Model. But how do you move from chatting with a model to building with one?

GenAI Playbook By Yasir Gaji

Infrastructure migration is simply the process of moving your application’s hosting environment to a different provider to leverage specific benefits like edge performance or cost efficiency.

Generative AI has become one of the most talked-about technologies of our time; it's practically everywhere, from copilots writing code to chatbots powering customer service. But beneath the hype, how did we get here? What makes ChatGPT and other Large Language Models (LLMs) so powerful?.

GenAI Playbook By Yasir Gaji

Tables are a fundamental component in any admin interface. They need to display data efficiently, handle sorting and filtering, and provide a consistent user experience. In this article, I’ll share patterns I’ve developed for building a reusable table system using AG Grid that standardizes tables across an enterprise application while remaining flexible for different use cases.

Forms are the backbone of any modern web application. As applications grow in complexity, maintaining form state, validation, and submission logic becomes increasingly challenging. During my recent work on a React-based admin dashboard, I discovered a pattern-based approach using React Hook Form that leverages TypeScript to create robust, maintainable, and type-safe forms.

just like in chemistry; they are the smallest elements that form molecules which in turn form organisms and so on, and in UI, they are exactly the smallest parts of the interface that make up ‘molecules’ the doing components of an interface that make up ‘organisms’ the sections of an interface held together by templates to create a page finally.

Testing React applications can feel like navigating a maze blindfolded. I recently spent some time wrestling with Jest configurations while setting up tests for a Next.js v15.1.1 project using Chakra UI v3.0.0.0.

Maintaining code quality and consistency across teams is crucial in the fast-paced software development world. However, ensuring that developers adhere to best practices and standards can be challenging. This is where Husky, a powerful tool for Git hooks, comes into play.

Let’s cut to the chase here, run the code below and follow through the prompts you get in your terminal and…voila! you have yourself an SSL. openssl req -newk

Simply put, Hashing is a process that transforms input data (like passwords or files) into a fixed-length, irreversible string, known as a hash. It is a fundamental concept in the world of computer science, web development, cybersecurity and cryptography, playing a crucial role...

APIs are the backbone of modern application development, enabling seamless communication between frontend and backend systems. REST (Representational State Transfer) has long been the standard for API design, but GraphQL, a newer approach, has emerged as...

Javascript Essentials

Blocking and Non-Blocking I/O are key concepts in understanding Node and in the world of JavaScript programming, understanding these concepts is very crucial for developing efficient, responsive applications. This article will explore these fundamental concepts, their implications, and how they shape the way we write JavaScript code.

Javascript Essentials

Search functionality, performance, and user experience are critical components of modern web applications. However, efficient search implementation can be challenging, especially when dealing with real-time user inputs and API calls. If your app make...

When this button is clicked/triggered in the UI the router.back() method would access the browser history and navigate the user back one step. This is a faster way compared to defining a Routes utils and variables and using the Link method with...

NodeJS is a C++ application built on the Chrome V8 javascript engine and as you probably know or don’t know for a computer to execute high-level codes it uses interpreters, compilers, transpilers, and assemblers(occasionally…lol), well V8 is a type of interpreter that also optimizes run time to make the execution faster.

Unit testing is a software testing method where individual units or components of a software application are tested in isolation. The purpose is to validate that each unit of the software performs as designed. A “unit” typically refers to the smallest testable part of an application, such as a function, method, or...

When writing JSX in React and you’re creating an unordered list (UL) that looks something like this:

I take it that you’re either a founder, co-founder, PM, CEO, mini-ceo or building a product of some sort at the moment hence why you’re reading this, good.

The fashion e-commerce industry in Africa has experienced tremendous growth in recent years. With a growing middle class and an increasing number of people with access to the Internet, the fashion e-commerce industry in Africa is rapidly becoming a significant player in the global fashion market.

If you’re making use of twin.macro from version 3.1.0 upwards you should have definitely come across this package error whenever you import the “tw” module for use in a file in react.

...know about technical search engine optimization. But given this is a Yasir’s guide, Yasir is willing to put you through how to go about the “How” and enhance the “How” of technical search engine optimization. without any further ado let’s dive in.

SEO

Identifying your target audience is the most important step in search engine optimization, before implementing the priorities mentioned in the first part of this series, it’s best to know the type of visitors you want to attract to your product. That way tailoring your content to maximum appeal would be much easier.

SEO

...it’s a process just like every other thing learnable and manageable that requires a step-by-step guide. And in this series of articles, I would provide comprehensive guides on the know-how of SEO. So without any further or do, dive in.

SEO

Let us go over the silly mistakes you would most likely make writing React through every stage as a developer writing react, without further or do, dive in.

In the previous parts of this collection, we have learned about key principles that guide a product manager but in this article, we would look into the two major types of product managers namely the Retail and Technical product managers, their respective responsibilities, similarities, differences, and requirements.

Product Management in 5 minutes

Communication is very key in every aspect of any functional organization and it happens in a lot of different channels like meetings(formal & informal), conference calls, emails, and interviews to mention a few which is why as product managers communication skills is by far the most important skill needed because we are the communication hub in whichever industry we find ourselves.

Product Management in 5 minutes

Regular expressions are patterns or sequences of characters used to match character combinations in strings which can as well form search patterns and serve as text replacement operations.

Javascript Essentials

As product managers, we have goals, which are essential components of product roadmaps and strategy. They serve as a guide for the product allowing us to remain on the target destination lane. But how do we as product managers get to measure the goals, performance of the product, and the success rate of the product strategy?

Product Management in 5 minutes

A compact expression syntax alternative to the traditional function expression was introduced to improve the clean-code-culture, and save lines of codes, but turns out not to be as quite functional as the traditional function expression, it does not have the new.target keyword, it can not be used as constructors, does not have its own bindings to the this keyword, and it is not suitable for...

Javascript Essentials

It is not enough to simply have an idea. To conceptualize, one must develop an actual mental model of how such an idea might be made manifest. This is where the product manager becomes the architect, the ability to properly conceptualize solutions comes to play.

Product Management in 5 minutes

Asynchronous Programming is basically a form of parallel programming that allows a unit of work to execute/run separately from the primary application code blocks without blocking other operations. This simply implies that it is a method of writing codes to ensure simultaneous code execution.

Javascript Essentials

The reason why most products fail is as a result of following the vacuum lifecycle which is from concept to production to promotion, whereas there is more to what makes a successful product which is the inclusiveness of the customer's interest, by establishing a continuous and iterative communication line between the product core and...

Product Management in 5 minutes

Object-oriented programming is simply a programming pattern that is based on the concept of different types of objects and their properties. Now, mostly all programming languages support OOP, but in this article, we would look into key characteristics of OOP in javascript and I would ensure to exemplify using simple examples. We would take a look at two key OOP principles: inheritance and polymorphism on-base level in the sense of how it actually relates to javascript code, using the core characteristics of OOP in javascript to exemplify these principles...

We all can agree that the core of product management is the overall success of the product, and the most important aspect of this is making sure that the target market you are attempting to address as a product manager is large enough to make it worth going into. So I put together four steps...

Product Management in 5 minutes

...the javascript events are not the regular and usual events you’re probably used to, they don’t take place physically or virtually instead they occur in the IDE to interact with the interface of any website, web application, or software built with javascript. For example, this medium platform...

Javascript Essentials

All Products start from somewhere like every other concept in life, all that we see and use as a product was initially a vision or idea, a need or requirement that was brought to life and acted upon consistently to become what it is.

Product Management in 5 minutes

In the alpha article of being the don of the dom I tried my best in putting you through the introduction phase of the dom, where we examined it, introduced the javascript dom selectors both single and multiple selectors, and learned a don trick on how to convert the Html collection to an array.

Javascript Essentials

As PMs, you are assumed to hold an ability to improvise and these are all questions that, as a product manager, you might hear from anyone in your organization, from stakeholders to engineering and sales to customer success and marketing. And yes, it can be frustrating. Having given justice as regards product management as a concept and differentiating product and project management in the previous part, in this part...

Product Management in 5 minutes

The Document Object Model known as the DOM is basically a structured representation of the HTML document it can be thought of as a tree of nodes or elements created by the browser, the DOM is object-oriented meaning each node has a set of values and properties that can be changed and we can use Javascript to manipulate these DOM elements/nodes.

Javascript Essentials

Local Storage is a property that allows JavaScript sites and apps to save key-value pairs in a web browser with no expiration date. This means the data stored in the browser will persist even after the browser window is closed.

Javascript Essentials

...“Product management is an organizational function within a company dealing with a “product development(planning, business justification, verification… )”, a product manager is someone that sits between multiple areas of the establishment and acts as a communications hub, organizer and enabler for everyone else(engineers, designers e.t.c). basically responsible for the ultimate success of the product”....

Product Management in 5 minutes

Do you work in tech or elsewhere, do you have a rather vague or incorrect idea about what this fairly common term means. Well, I’m an apprentice in the field of tech, and Yes! I used to have both incorrect and vague ideas about the term API at a certain point in time, but...

When designing with CSS, you may notice that there are various measurement unit options for sizing, allowing you to choose PX, REM, EM, %, VH, or VW. But what do these options actually mean, and when should you use one over another?