Tagged: #typescript

In this article, I will show you how to track the scroll direction inside an intersection observer in React. It can be used when implementing a Table of Contents component.

Learn how to build a 6-digit react otp input and automatic submission through WebOTP API in a React Application.

This tutorial shows you three ways to escape special characters in query strings in javascript.

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

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.

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.

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.

This tutorial shows use how to convert 1000 to 1k, 1000000 to 1M in javascript.

In this tutorial, we show how to reset formik form in multiple scenarios, whether you're using useFormik hook or <Formik> provider.

Often times we want to extend a functionality of html elements by creating a component in react. It's always a good idea to keep the props of the html element when using the component. This tutorial shows us exactly how it's done with typescript.