Mosharush

Server-Sent Events (SSE) are commonly used in real-time applications where the server needs to push updates to the client.

Here are a few use cases:

1. Real-time notifications: SSE can be used to push notifications to the client in real-time. For example, in a social media application, the server can push notifications about new posts, likes, comments, etc.
2. Live news updates: In a news application, the server can push live news updates to the client.
3. Real-time analytics: In an analytics dashboard, the server can push real-time data updates to the client.
4. Chat applications: In a chat application, the server can push new messages to the client in real-time.
5. Online multiplayer games: In an online multiplayer game, the server can push game state updates to the client in real-time.
6. Stock price updates: In a stock trading application, the server can push real-time stock price updates to the client.

AndrewIngram

import { Suspense } from "react";

import CurrentTimeClient from "./CurrentTimeClient";

export default function CurrentTime() {
  const locale = "en-GB";
  const dateConfig = {
    hour: "numeric",
    minute: "numeric",
    second: "numeric",

OliverJAsh

import * as React from 'react';

const useIsFirstRender = (): boolean => {
  const isFirst = React.useRef(true);

  if (isFirst.current) {
    isFirst.current = false;

    return true;
  } else {

trvswgnr

async function processItems(items, fn) {
  const errs = [];
  let i = 0;
  const workers = Array(25)
    .fill()
    .map(async () => {
      while (i < items.length) {
        await fn(items[i++]).catch((e) => errs.push(e));
      }
    });

bouroo

/**
 * Cloudflare Worker for Server-Sent Events (SSE)
 *
 * This worker demonstrates how to set up an SSE endpoint
 * that sends an initial message and then periodic updates.
 */

// Listen for incoming requests
addEventListener('fetch', event => {
  event.respondWith(handleRequest(event.request));

jacobparis

export type PerformanceServerTimings = Record<
  string,
  Array<PerformanceServerTiming>
>

/**
 * Run this on the server to get a `time` function that can be used to time
 * server-side operations and add them to the `Server-Timing` header.
 */
export function getServerTiming() {

ryanflorence

import invariant from "tiny-invariant";

class AmalgoBox extends HTMLElement {
  get input() {
    return this.querySelector("input") as HTMLInputElement;
  }

  get button() {
    return this.querySelector("button") as HTMLButtonElement;
  }

steveruizok

export class Cache<T extends object, K> {
	items = new WeakMap<T, K>()

	get<P extends T>(item: P, cb: (item: P) => K) {
		if (!this.items.has(item)) {
			this.items.set(item, cb(item))
		}
		return this.items.get(item)!
	}

tvler

import * as React from 'react'
import { SpringValue, easings, useSpring } from 'react-spring'

/**
 * Hook that animates height when args.animationKey changes
 *
 * Ex:
 *   const animatedBlock = useAnimatedHeight({
 *     animationKey: key,
 *   })

jonathantneal

/* These rules are ignored when ui-monospace is supported. */
@font-face { font-family: ui-monospace; src:
	/* MacOS (El Capitan +) */
	local(Menlo-Regular),
	/* Windows (11 +) */
	local(CascadiaCode-Regular),
	/* Windows (Vista +) */
	local(Consolas),
	/* Android */
	local(RobotoMono-Regular),