banunatina

System Design Cheatsheet

Step One: Framing The Problem a.k.a get the MVP

• 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

jexp

Useful Links

• Slides: Lesser known features in Cypher - Alex Price

• Cypher Query Tuning - Michael

• Cypher Query Tuning - Mark & Petra

taskylizard

Moved to https://api.fmhy.net

hwkr

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,

juliusmarminge

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",

KristofferEriksson

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

KristofferEriksson

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;

perfectbase

/* eslint-disable @typescript-eslint/no-explicit-any */
import { type TRPCQueryOptions } from '@trpc/tanstack-react-query';
import { unstable_noStore } from 'next/cache';
import { Fragment, Suspense, type ReactNode } from 'react';
import { ErrorBoundary } from 'react-error-boundary';
import { HydrateClient, prefetch as prefetchTRPC } from '@/trpc/server';

type AwaitProps<T> =
  | {
      promise: Promise<T>;