Category Typescript

Learn how to check the online status of your react application by creating a simple custom hook useOnlineStatus.

Learn how to use lodash to get the unique values of an array by property.

Learn how to set the NextJS images with auto width and height so that it depends on their container and layout.

In this tutorial, you'll learn how to use axios on the client-side in NextJS with the awesome axios-hooks package.

Learn how to create a react wave animation background using an SVG element and some CSS.

Learn how to define or create generic functional components in react.

Learn how to add page transition animations easily in NextJS using TailwindCSS with very minimal dependencies, and no framer-motion required!

Learn how to create a react confirm alert dialog component from scratch using TailwindCSS, HeadlessUI, Typescript, and React context hooks.

In this tutorial, you'll learn how to add typescript types to NextJS API request body using the typescript schema declaration and validation library, Zod.

NextJS released a major update (Next 13) where it updated the next/link component. In this tutorial, you'll learn how to integrate MUI Link with next/link.

Learn how to create a custom and accessible Formik radio button or radio group component with TailwindCSS, HeadlessUI, and Typescript.

Learn how to set up styled-components themes in NextJS when using Typescript.