All Posts: Page 6

In this tutorial, we'll setup Graphql URQL Client in NextJS to include Server-side rendering.

Using debounce is the one of the techniques you should learn to speed up your apps by limiting function executing on user generated input.

If you have a nextjs blog or website, you would want to speed it up by reducing your bundle size. One way to drastically reduce bundle size is to replace react with preact.

Tired of all the useRef errors in typescript? In this beginner guide, I'm going to show you all you need to know about using React's useRef hook in typescript.

A full tutorial on how to use React useState with Typescript and avoid any compile time errors. Explained best practices and scenarios to avoid when using useState.

This tutorial shows us different ways of calling REST API properly in React by using react hooks. We also explore the choices involved on what library to use in different scenarios.

This tutorial dives in deep about the famous array utility method forEach(). It teaches us how to use forEach, when to use forEach and its limitations.

Tutorial on how to remove null or undefined properties from a nested object in javascript.

Add Google Analytics 4 to an existing NextJS Typescript application. Creating a GA Tracking ID, Modify nextjs to use GA4 and add typings for gtag.js to enable type safety when adding events.

This tutorial shows us the different ways of removing null or empty values from an array in Javascript.

This tutorial shows you how to remove console.log for Production in NextJS v12+.

In this tutorial, I will show you how to create a button with a ripple effect in react. We'll create a hook so that it automatically adds the effect for us.