React Class Components to Functional Components With Hooks

Refactoring React class components to functional components with Hooks is quite a journey. Recently, I had to refactor an entire React application so I want to share my process and learnings. Introduction to React Hooks Functional components use Hooks, so it makes sense to introduce them before going further. React…

iTerm2 + Oh-My-Zsh: Supercharge Your Mac Terminal

If you are using the default terminal on macOS and reading this article, chances are you are dissatisfied with it. I do not blame you, though. The default macOS terminal looks outdated and it also lacks many features. Figure 1 I mean, look at it! It does not look very…

Install a Specific Version of a Node.JS Package

Usually, you install the latest version of a package when you want to use it. But there are circumstances when you might need to install a specific package version. One example would be when the latest changes in a package are not compatible with your code. This article shows you…

Build An E-Commerce Backend With Minimal Code

In the traditional approach to building Full Stack applications, you need to manually build the backend and frontend. Building your backend manually means that you need to decide whether to use REST or GraphQL. Based on what you choose to use, you need to define GraphQL schemas, resolvers, write database…

How to Push Empty Git Commits

Git does not allow commits without messages. Also, to push a new commit to the remote repository, you need to make changes to your project. The question is - how do you push a commit without making any changes? You can do it with the following command: git commit --allow-empty…

Deploy a PostgreSQL Database on Heroku

Heroku Postgres is an SQL database service that allows you to use a relational database such as PostgreSQL on the Heroku platform. The Heroku Postgres service is a great option when you need a hosted database for your projects, MVPs or proofs-of-concept. Heroku has several pricing plans for this service,…

How to Set Environment Variables on Heroku

When deploying an application to Heroku, adding the environment variables in the .env file is not enough. You need to set the environment variables for your application on Heroku. There are two ways to do it, and in this article, you can see both! The environment variables are called config…

Search and Filter Data in React Using Hooks

Searching and filtering data is a common feature in all applications. The users should be able to search for specific things when using an application. In my case, I had to implement this feature recently in a simple React application, and I thought of sharing my solution with you. Context…