KristofferEriksson

import { useEffect, useState } from "react";

type UseTextSelectionReturn = {
  text: string;
  rects: DOMRect[];
  ranges: Range[];
  selection: Selection | null;
};

const getRangesFromSelection = (selection: Selection): Range[] => {

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 {

jacob-ebey

// A very naive implementation of React's use() hook you can copy and paste into your app today
// to use with solutions such as remix's experimental `defer()` feature.
function use<T>(useable: Promise<T> | T) {
  if (typeof useable != "object" || !useable || !("then" in useable)) {
    return useable;
  }

  let promise = useable as Promise<T> & { _data?: T; _error?: unknown };

  if ("_data" in promise) {

abhigyantrips

/*

Docusaurus CSS Variables.

I'm making this since I wanted to customize my Docusaurus site theme, but couldn't find a proper list of all Infima CSS variables
the static site generator uses. Thus, I basically copied the root of my site's CSS (along with other vars I found), and made a list
of them that categorizes the vars.

TABLE OF CONTENTS:

tkrotoff

Charts are from different sources and thus colors are inconsistent, please carefully read the chart's legends.

Like this? Check React vs others https://gist.github.com/tkrotoff/b1caa4c3a185629299ec234d2314e190

Stack Overflow trends

https://insights.stackoverflow.com/trends?tags=flutter%2Creact-native

olee

import { continueRender, delayRender, RemotionVideoProps } from 'remotion';

import { GlslVarType, setUniform } from './glUtils';

export interface VideoShaderOptions {
    variables?: {
        type: GlslVarType;
        name: string;
    }[];
}

sindresorhus

Pure ESM package

The package that linked you here is now pure ESM. It cannot be require()'d from CommonJS.

This means you have the following choices:

1. Use ESM yourself. (preferred)
   Use import foo from 'foo' instead of const foo = require('foo') to import the package. You also need to put "type": "module" in your package.json and more. Follow the below guide.
2. If the package is used in an async context, you could use await import(…) from CommonJS instead of require(…).
3. Stay on the existing version of the package until you can move to ESM.

vedam

You'll find the talks here

---

Morgan Williams @mrgnw

The Zen of Svelte

Approaching frontend as a backend developer, Svelte feels surprisingly pythonic. Let's take a quick look at what's familiar, what's foreign, and how to explore the gap.

brunolemos

(() => {
  let count = 0;

  function getAllButtons() {
    return document.querySelectorAll('button.is-following') || [];
  }

  async function unfollowAll() {
    const buttons = getAllButtons();