Combining Adonis, React and Tailwind together under a single monorepo codebase. — Inspired by Amir Hosein Samili’s post on managing Adonis and Vue as a monorepo, I want to show you how we can replicate this approach with React. As a bonus, we’ll add in Tailwind as our CSS framework, but you can choose whatever styling methodology or framework that floats your…

Creating a flexible soft delete feature for MySql database tables using AdonisJS — If you want to soft delete data in Adonis v5, unfortunately it is not built into the core architecture. If you aren’t familiar with the concept of soft deletes, it is the concept that when you delete data from the database, you aren’t actually deleting it, but rather setting a…

A comprehensive starter solution to making API calls structured and manageable in code architecture and development teams. — In my article, “ Architecting Frontend Projects To Scale”, we took a look at organizing our frontend code base in a way to make scaling and succeeding as a team much easier. In this article we’re going to take a small dive into the services layer of our code organization…

Scaling React apps with clean code structure and standards — I, like any other web developers and engineers, prefer to make my work life as sane as possible. Having structure not only keeps life a little more pleasant, but is critical to scaling and even allows creativity to flourish! Having a clear structure and consistent plan in my code keeps…

How a common JavaScript utility function became a React Hook — Since the release of React Hooks in version 16.8.0, developers have found countless ways to use them to their advantage. These advantages come in the form of easily managed theme states to wrappers that makes dealing with the React lifecycle a little bit easier. Most of these are glorified utility…

How to resolve relative paths cleanly in JavaScript and TypeScript by using webpack aliases. — Reference Mistakes Make Developers Look Bad If you were to ask me what are one of the most common mistakes are in basic web development, I would, without hesitation, tell you that reference errors are one of the big ones out there. Whether they are with variables or package imports, I encounter and solve many problems…

Observing the performance of loops and methods when dealing with arrays of objects. — If you are starting with part 2, be sure to check out part 1 by clicking here! Non-Primitive Values In part 1, we took a look at how different loops and methods are used to find the index or value from an array of primitive values, and what the performance implications were…

Breaking down the performance and biases of JavaScript loops and methods when working with various data sets. — Introducing Loops and Methods We’re going to take a look at the various loops and methods provided in JavaScript to find out which ones are more efficient for the data you are iterating over. …

A short guide to creating a new object from multiple objects. — This guide will show you how to merge two or more JavaScript objects into a new object. The new object will contain the properties of all the objects that were merged together. JavaScript provides multiple ways to accomplish this task with a lot of different methods. Here, we will take…