Nullish Coalescing and its many use cases with some examples — Nullish Coalescing can be a massive addition to your toolbox as a developer. It will allow for shorter, more concise code and, in many cases, more readable code, as we will see by going through a few examples below. What is Nullish Coalescing? Some of you may be wondering what exactly is Nullish Coalescing…

It is now simpler than ever to get started with building React apps thanks to a variety of very clever build tools, which we will be talking about today. — Decreasing the barrier to entry for using React is very important, especially when you are first trying to learn it. I believe that these three build tools for React will do just that. 1: Create-React-App Perhaps the most used way to scaffold out a React app is this tool. Create-React-App is a…

Today, we will look at just how easy it can be to get up and running with Prop-Types in a React application. Prop-Types are a useful package to add to any vanilla React app that does not use TypeScript. The value that they will provide to the codebase will be…

How to Use Import Instead of Require Statements in a Node App — Thanks to the support of ESM files in Node.js, the days of using const something = require('something') are a thing of the past. Let’s learn how easy it can be to switch to using import statements in your new Node,js projects. Today we will be making a very simple Express…

Today, let’s learn how easy Zustand can make it to manage global client-side state in React by making a to-do list with it. When I first came across Zustand, I couldn’t believe how easy it was to use. The learning curve is incredibly thin. If you are familiar with how…

React Query makes it incredibly easy to query and cache server-side data, and in this tutorial, we will be learning how to leverage this. For simplicity's sake, we will be building a fake API, which will allow us to fetch, add and remove todos from a list. The nice thing…

We will learn how you can manage state locally in your app with Apollo using Reactive Variables. — Apollo is an extensive development platform that can be used for front-end and back-end development. Today we will be focusing on Apollo’s implementation for React, known as Apollo-Client. Apollo-Client is a data fetching and caching tool that uses GraphQL to collect and manage its data, but they recently introduced a…

How to create a Sign-Up form in React using React Hook Form, Material-UI, and Yup — We will be leveraging the power of a library called React Hook Form in this tutorial, which will make handling our form logic in React a breeze. …

Let’s talk about some exciting technologies that I think can change the way we write code as a web-developer. One of the things that we as web developers have to be very good at that doesn’t get enough credit is the ability to learn new things. We work in a…