beautiful-react-hooks is a TypeScript library providing a collection of over 50 reusable, well-tested custom React hooks for common patterns such as lifecycle management, event handling (mouse, touch, swipe, drag, resize, scroll), geolocation, media queries, local/session storage, debounce/throttle, timers, animations, and more. The architecture is clean and modular: each hook is a standalone file with its own TypeScript types, unit tests, and documentation. Shared utilities (SSR detection, API support checks, warning helpers) are separated into a shared module, and a factory pattern is used to create storage hooks. The library supports tree-shaking via per-hook imports and provides both CommonJS and ES module builds. It also includes a comprehensive styleguidist documentation site with interactive examples. The code demonstrates strong engineering practices: proper handling of SSR, browser API availability checks, cleanup logic in useEffect, and memoization to avoid unnecessary re-renders. Peer dependencies (rxjs, react-router-dom) are required only for specific hooks, keeping the core lightweight.
This is the working repository of the W3C CSS Houdini Task Force: a collection of editor's drafts (specifications) for browser APIs that expose CSS internals to JavaScript. The content is written in Bikeshed (.bs) format and processed by a Python build pipeline (bin/build-markdown.py, bin/build-index.py, Makefiles, GitHub Actions) into the HTML specs served via GitHub Pages. The repository contains formal, normative algorithm definitions for the CSS Paint API (registerPaint), CSS Layout API (registerLayout), CSS Animation Worklet (registerAnimator), CSS Properties & Values API, CSS Typed OM, Font Metrics API, Box Tree API, and Worklets. It is not a runtime application or a data pipeline — it is documentation-as-code with build automation and small runnable examples — but it is classified as "application" because its dominant content is executable artifacts (worklet demo code, CI scripts, build tooling) rather than data assets. The highest-craft content is in the spec sources: the CSS Typed OM draft defines a complete, self-contained algebra for CSS numeric values (base types, percent hints, sum values, unit conversion, canonical units) plus a reify/serialize pair that converts between internal CSS representations and typed JavaScript objects. The CSS Layout API draft specifies a work-queue processing model, global scope selection, and structured serialization for worklet data — all reusable algorithmic patterns for browser-engine implementers and polyfill authors. The included paint-worklet demos (circle, arc, chat) are isolated, copy-pasteable examples of the registerPaint contract. Maintenance is active: the last commit is recent, the Typed OM changes section references live GitHub issues/PRs, and the CI installs pinned dependencies. However, there is notable internal drift: css-parser-api has been moved to WICG (its Overview.bs is blank), worklets/Overview.bs now redirects to the HTML Standard, scroll-customization-api remains an explainer without a formal spec, and several Typed OM reification entries are explicitly empty stubs or marked with open issue markers. The 2018 issue-list artifacts and README_old.md files add historical clutter. For engineers, the practical value is threefold: (1) reference implementations of the Houdini API surface for anyone building polyfills, browser features, or CSS tooling; (2) a clean, reusable Bikeshed-spec build/deploy pipeline (Python scripts + GitHub Action) that can be extracted to any W3C-style spec repo; and (3) minimal worklet starter examples. It is not code you deploy — it is a standards workshop, and the quality bar is standards-writing rigor rather than software architecture.
react-use is a comprehensive library of 100+ React hooks organized into categories: Sensors (battery, geolocation, mouse, scroll, intersection), UI (audio, video, fullscreen, slider), Animations (raf, spring, tween, interval), Side-effects (async, debounce, throttle, storage), Lifecycles (effect once, event, mount/unmount), and State management (toggle, counter, list, map, set). The library is built with TypeScript, uses a factory pattern for creating reusable hook generators (createReducer, createStateContext, createGlobalState, createMemo, createBreakpoint), and includes Storybook stories for visual testing. Each hook is implemented as a standalone module in src/ with corresponding tests and documentation. The architecture follows a flat structure where hooks compose primitive React hooks (useState, useEffect, useRef) with browser APIs, using utility functions for event handling and state resolution. The codebase demonstrates solid engineering practices with proper SSR support, isomorphic layout effects, and careful ref management to prevent memory leaks. However, the project shows signs of medium technical drift with outdated dependencies (React 17 in dev deps while peer deps claim universal support), deprecated hooks still present, and some hooks using obsolete browser APIs.
This repository contains the starter files and completed solutions for Wes Bos's 'JavaScript30' course - a collection of 30 vanilla JavaScript exercises, each a self-contained mini-application demonstrating a specific browser API or JavaScript pattern. The exercises cover: DOM manipulation and events (Drum Kit, Clock, Whack-a-Mole), modern array methods (Array Cardio Days 1-2), localStorage persistence, HTML5 Canvas drawing, custom video player controls, speech recognition/synthesis, webcam/media devices API, geolocation, CSS variables manipulation, flexbox transitions, sticky navigation, drag-to-scroll, type-ahead autocomplete, shift-click range selection, konami code detection, scroll-triggered animations, dropdown navigation, link highlighting, and various console/debugging techniques. Each exercise exists as a pair: START (boilerplate HTML/CSS) and FINISHED (working solution). The code is intentionally written as inline scripts in HTML files to match the video tutorials, not as modular, reusable components. There are no build tools, test suites, or dependency management (except browser-sync for live-reload in a few exercises). The repo is actively maintained to stay in sync with the course videos, but the content is pedagogically frozen - PRs that improve code but deviate from the videos are explicitly rejected.