THE TECHNICALARCHIVE.
Insights // Case Studies // Technical Guides
Search Articles
Filter by Category
Side Effects in React: useLayoutEffect vs useEffect
React’s data flow process is straightforward—it breaks down the user interface into components, builds a tree of elements, and updates the DOM when components change. However, some operations, such as interacting with an API, fall outside this flow. ...
React useReducer Hook: The Ultimate Guide
State management means keeping track of how our data changes over time. In React, we can manage state with hooks or using an external state management library like Redux. In this article, we will explore a hook called useReducer and learn about its c...
Token standards introduction: ERC-20, ERC-777, ERC-721, and ERC-1155
With the rise in popularity of blockchain technologies and cryptocurrencies, we are seeing many more tokens being created. But what are they, exactly? This post will go over some of the most common types of crypto tokens: ERC-20, ERC-777, ERC-721, an...
Best Practices for Testing React Apps
The React community is full of developers who are passionate about maintaining good development practices through testing. Many great tools and techniques are available to help you write tests for your React application, but to do it properly; you ha...
Two Tailwind-Inspired Techniques for Vanilla CSS
I recently worked on a project with one of my trainees—a product landing page for a bag company. For this project, I decided to challenge myself by using only vanilla HTML and CSS. Along the way, I discovered two game-changing techniques inspired by ...
How to Deploy Your Project to GitHub Pages
Deploying your project to GitHub Pages is a straightforward way to make your static websites accessible to anyone online. Whether you're just starting with web development or have some experience but haven't used GitHub Pages before, this guide will ...
Best Practices For Security In Next.Js
Next.js is a popular React framework that can be used to build high-performance and secure web applications. However, even Next.js applications are not immune to attack. This article will discuss some of the best practices for securing your Next.js a...
Cool Things To Do with React Outside Web Development
Since launching in 2013, React has consistently improved how developers build apps. If you are a front-end developer, you may have only ever used React to build web applications. However, did you know React can also be used for other interesting purp...
10 Great Applications To Use As A Content Writer
Getting your ideas across to your audience requires a lot of research, editing, and proofreading. Writing articles can be stressful and time-consuming sometimes. Thankfully, some applications make the process easier. In this article, you will discove...
Blockchain 101: Smart Contracts
Introduction Ethereum is a popular blockchain platform for developing and deploying decentralized applications (DApps) and other digital assets. One of the key features of the Ethereum platform is the ability to create and use smart contracts, which ...
JS Capsules: Sets
Introduction A Set is a collection of unique values. The emphasis on unique is because a Set cannot store the same data more than once. It stores each piece of data as a unique key with an inherent value of true. It was introduced in JavaScript ES6 a...
Sieve of Eratosthenes: An Interesting Algorithm
A little back story 📜 One day, while learning algorithms in JavaScript, I found this challenge: Using a for loop, iterate from 0 to 100 and return an array of all prime numbers within that range. It seemed easy initially, but I couldn't quite figu...
Protecting Your Mental Health as a Developer
Introduction Being a developer often feels like riding a roller coaster. Some days you’re high and ecstatic; others, you’re at your lowest point - rock bottom. Here are five tips that help me protect my mental health while riding this tech roller coa...
JS Capsules: Maps
Introduction A Map is a collection of elements, where each element is stored as a key: value pair. By this definition, it can seem similar to an Object, but while a Map can accept any data type (both primitive values and objects) as its key, an Objec...
JS Capsules: Objects
All JavaScript values are objects, except primitives. What's an Object? An object is a collection of properties in key: value pairs. To understand better, let's take a closer look: Object Properties Let us describe a ball using a couple of variables...
JS Capsules: Array.splice() vs Array.slice()
Introduction While working with arrays, most developers often find it challenging to differentiate between Array.prototype.splice() and Array.prototype.slice(). In this article, we will look at these two array methods, understand how they work, and k...
JS Capsules: Arrays
What's an Array? An array is a data structure used to store a collection of elements in an ordered form. let myArray = ["cheese", "milk", true, 8, "flamingo"]; An array can store elements of different data types - strings, numbers, booleans, objects,...
How to set up Doppler's CLI on Windows 10
Summary This article is about setting up Doppler’s Command Line Interface (CLI) on a Windows 10 Personal Computer (PC). You will install Scoop package manager, use Scoop to get the repo for Doppler’s CLI, then install the CLI binaries on your PC. You...
How to create a re-usable modal in VueJS with TailwindCSS
A modal is an element that pops up in front of other content on a website and disables the main page. Users must then complete some action on the modal or close it before returning to the main page. Websites often use a modal to focus the user's atte...
Third Time's the Charm - HNGi8
I've always loved computers. As a young boy, I played around with Mavis Beacon on my dad's Windows 95 PC. I helped my dad type documents and work with sheets. I installed games and apps that I was curious about and loved to use. However, up until 201...