templates

animatePresence.tsx

//· <AnimatePresence> ·

"use client"

import { AnimatePresence, motion } from "framer-motion"

const opened = true

// ...

const render = () => {
  return (
    <AnimatePresence>
      {opened && (
        <motion.div
          initial={{ height: 0 }}
          animate={{ height: "200px" }}
          exit={{ height: 0 }}
          transition={{ duration: 0.2, ease: "easeIn" }}
        >
          <p>Content</p>
        </motion.div>
      )}
    </AnimatePresence>
  )
}

component.tsx

"use client"

import { useState } from "react"

import { cn } from "@/utils/cn"

interface Props {
  children: React.ReactNode
}

//· Component ·

export const Component = ({ children }: Props) => {
  return { children }
}

haptics.tsx

//· EXPO haptics ·

import * as Haptics from "expo-haptics"

Haptics.impactAsync(Haptics.ImpactFeedbackStyle.Light)

translate.tsx

//· translate ·

import { useTranslation } from "react-i18next"

/* --- */

const { t } = useTranslation()

// <Text>{t("hello")}</Text>

// t("hello")