Collection of code snippets that I have used in the past, some written by other devs.
Debounce is used so the search input won't fire useEffect each changes.
Setting up Absolute Imports with jsconfig (works with Create React App and Nextjs).
Stagger children animations using Framer Motion
Examples of frequently used date-fns functions
Navigation Bar with position sticky, and will show shadow if not on top.
Animate between components using framer motion's layoutId
Initialize prisma client using typescript.
React hook with copy to clipboard functionality written in typescript.
Resize your columns in a responsive way with grid template columns.
Implement infinite scrolling using SWR's useSWRInfinite
API options provided by the SWR team.