Tagged: #typescript

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.

Layout can sometimes be tricky. In this tutorial, you'll learn how to create a create a responsive and collapsible sidebar layout using tailwind's grid system classes.

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.

In this tutorial, you'll learn how to scroll smoothly to an element in NextJS.

Learn how to create a custom image loader in NextJS and avoid or reduce image optimization limitations in Vercel.

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

Learn how to submit form data to an API in NextJS without using external libraries like Formik and react-hook-form.

In this tutorial, you'll learn how to integrate MUI React DatePicker with Formik.

Learn how to create a react multi-range slider easily by using react-slider and Tailwind CSS.