- Identify the use cases that are in scope
- Determine constraints based on scoped use cases
use case
: the things your system needs to be do.
constraints
: the things your system will have to consider to be able to do stuff
Moved to https://api.fmhy.net
import { ElementType, HTMLAttributes } from "react"; | |
import { useAutoAnimate } from "@formkit/auto-animate/react"; | |
interface Props extends HTMLAttributes<HTMLElement> { | |
as?: ElementType; | |
} | |
export const AutoAnimate: React.FC<Props> = ({ | |
as: Tag = "div", | |
children, |
import { generatorHandler } from "@prisma/generator-helper"; | |
import fs from "node:fs/promises"; | |
import path from "node:path"; | |
const header = `// This file was generated by a custom prisma generator, do not edit manually.\n`; | |
generatorHandler({ | |
onManifest() { | |
return { | |
defaultOutput: "./enums/index.ts", |
import { useEffect, useState } from "react"; | |
import resolveConfig from "tailwindcss/resolveConfig"; | |
// Update the path to your Tailwind config file | |
import tailwindConfig from "tailwind.config"; | |
const useTailwindBreakpoint = ({ | |
onBreakpointChange, | |
}: { | |
// eslint-disable-next-line no-unused-vars |
import { useCallback, useEffect, useState } from "react"; | |
// Define custom types for SpeechRecognition and SpeechRecognitionEvent | |
interface ISpeechRecognitionEvent extends Event { | |
results: SpeechRecognitionResultList; | |
resultIndex: number; | |
} | |
interface ISpeechRecognition extends EventTarget { | |
lang: string; |