#frontend

A condensed Q&A list of the top 50 React interview questions covering components, props and state, virtual DOM, Redux, and build tools.

An interview reference on Vue's KeepAlive component, covering what it does, why it helps, and where to use it.

JPEG XL for the web: ISO/IEC 18181, VarDCT and Modular, lossless JPEG transcoding, browser support from Chrome 155 and Firefox 158, the picture fallback, and what the October 2026 benchmarks actually show against AVIF.

Experimental platform CSS features — frame-sizing iframes, scroll-marker carousels, text-decoration-inset, overflow auto clip, and scroll-triggered animations via timeline-trigger.

Which file formats to ship for images, video, audio, fonts, and text in 2026, ranked by Chrome's support and Accept-header preference, with fallbacks for Safari and Firefox.

An overview of WebRTC covering its core APIs, signaling, connection setup, NAT traversal, security, libraries and best practices for real-time browser communication.

Viclass plan-time chip on the top-left classroom pill. It counts down the owner's session_duration, and on 1 November 2026 the full-round corner classes are uncommitted while the pane-toolbar commit keeps only the placement comment.

Explains how reflow, repaint and layout shift work in the browser and how to optimize them to keep Cumulative Layout Shift low in Core Web Vitals.

A condensed list of 37 career, coding, communication and mindset tips from a senior frontend developer.

A broad map of the frontend landscape covering Web APIs, architecture models, build tools, performance, design systems, UI libraries, JavaScript libraries and templates.

Notes from David Walsh's interview with a Pornhub web developer on development process, performance monitoring, video player work, tech stack, Web API pain points and team culture.

audiocn (audiocn/ui, MIT, by OrcDev and fortysevenfx) is a shadcn/ui registry of copy-and-own React audio components - about two dozen components (level meters, spectrum and waveform visualizers, faders, knobs, channel strips, a mixer, a player, sound pads), 6 blocks and 18 Web Audio hooks, built on Base UI and Tailwind v4 and themed by shadcn tokens. Not an npm package; installed with npx shadcn add @audiocn/<item>. Launched 2026-10-02.

A curated list of CSS libraries, linters, animation libraries, build tools, zero-runtime CSS-in-JS options, themes and icon sets.

Ely (elygpui.com) is an MIT component library for GPUI, the Rust UI framework behind Zed, not a GPU cloud. It claims about 1,279 components in 44 chapters with a live WebAssembly gallery. It is a weeks-old solo project, git-only, pinned to gpui-pre 0.3.8, and tested only on macOS.

Gr8r Studio (gr8rstudio/gr8r-studio) is a project management UI built with Vite and plain JavaScript ES modules, with no framework and no runtime dependency. It is a front-end-only demo with seeded data in localStorage and a mock login, not a working backend. No license file; three commits, all on 2026-10-07.

Hallmark (Nutlope/hallmark, MIT, v2.0.0, made by Together AI) is a design skill for Claude Code, Codex, Cursor and OpenCode that builds new pages from one of 48 dealt themes under a non-negotiable Floor of design rules, then lints the result in a real browser with sloplint --render and a fresh-context review. 35.7k stars, 1.9k forks, 62 open issues at check time.

Histoire (histoire-dev/histoire, MIT) is a Vite-native story book for developing and documenting components in isolation, the Vite answer to Storybook, led by Guillaume Chau (Akryum). npm latest is 1.0.0-beta.1 (Jan 2026) with Vue 3 and Svelte plugins; main also documents React, Nuxt, SvelteKit, and MCP tools not yet in a release.

Looseleaf (kevintngo/looseleaf, MIT) is a shadcn/ui-compatible React component library where every surface is paper and every line is a seeded SVG drawing — 123 components, 61 blocks and a static shadcn registry, installed as source rather than a dependency.

MyGo (egoist/mygo, MIT) builds desktop apps in pure Go without cgo. Each window shows either a web page in the system webview, with a TypeScript client generated from Go, or native UI drawn by MyGo on the GPU. The latest release is v0.6.2 and it needs Go 1.27+.

NSH (Native Shell, longbridge/nsh, Apache-2.0) is a Rust engine that renders TSX or Rust UI with each platform's own native views, built for AI-generated screens and signed plugins delivered to a host app at run time. Weeks old, v0.1.1.

OrganUI (organui/organui, MIT) is a shadcn-compatible registry of editable React components for healthcare and life sciences. It has 42 three.js organ models, a molecule viewer, a DNA helix, an ECG trace, a dermatome map, a CT/MRI slice viewer and more, with explicit "not for clinical use" disclaimers. Weeks old, v0.4.0.

A curated reference for the React and Next.js ecosystem covering hooks, optimization, design systems, rendering patterns, libraries and a developer roadmap.

SakaniUI (samzydd/Sakaniui, npm @sakaniui/react 0.8.5, MIT) is a single-author React 19 design system built 1:1 from a Figma file - 114+ components, 42 copy-and-edit blocks, three-layer CSS-variable tokens, light/dark plus a Solid/Glass/Liquid surface axis with SVG-refraction liquid glass (Chromium only), Tabler icons and Recharts charts. About 3 months old, 63 stars.

slide.ng (slide-ng/slide.ng, npm @slide-ng/core 1.0.0, MIT, by Erkam Yaman) is a Slidev port for Angular. One slides.md becomes one standalone Angular component per slide, with real Angular template syntax inside, Slidev's layouts, clicks, presenter view, Shiki/Magic Move/Monaco/KaTeX/Mermaid, export to PDF/PNG/PPTX (pictures only)/Markdown, offline builds, themes, an MCP server and an agent skill. Created 2026-10-16, about 100 stars, almost all commits by one author.

TanStack Hotkeys (@tanstack/hotkeys 0.18.0, MIT, TanStack) is a type-safe keyboard-shortcut library for ten frameworks plus vanilla JS - Mod, Vim-style sequences, scopes, app hotkeys, recording, key-state tracking and devtools - with Agent Skills shipped inside the npm packages. Still beta at 0.x.

Text Editor React (HuyPhan1232203/Text-editor-react, MIT, Phan Nhật Huy) is a Word-like TipTap 3 editor built with React 19 - real A4 pages from a published pagination extension, tables split across pages, comments, Yjs-over-WebRTC sharing with the key in the URL fragment, and PDF export through the print dialog or a Puppeteer backend.

Tips, libraries, UI kits, testing tools and templates for the Vue and Nuxt ecosystem.

Vue TermUI (vue-terminal/vue-termui, MIT, posva) is a Vue 3 custom renderer for terminal apps on OpenTUI's native Zig engine — flexbox layout, forms, focus, and a Vite plugin with in-terminal HMR; ground-up rewrite from the old Yoga-based stack. npm vue-termui 0.3.0.

A curated list of newer frameworks, toolchains and scaffolding tools for web (frontend and backend) and desktop apps.