vercel/hyper
6 articles
Prerequisites
- ›Basic Electron knowledge (main vs renderer process)
- ›Familiarity with webpack concepts
- ›TypeScript fundamentals
01
Hyper's Architecture: Navigating an Electron Terminal Emulator Codebase
A comprehensive tour of Hyper's three-process architecture, directory structure, and build system
02
The RPC Bridge: IPC Communication and Terminal Session Lifecycle
Deep dive into Hyper's typed, bidirectional IPC system and the complete lifecycle of a terminal session
03
Redux in a Terminal: State Management, Middleware, and the Effects Pattern
Explores Hyper's Redux architecture including the dual-thunk middleware chain and the write middleware optimization
04
From PTY to Pixels: The xterm.js Integration and Component Architecture
Examines how Hyper wraps xterm.js in React, manages renderer selection, and coordinates keyboard shortcuts
05
Hyper's Plugin Architecture: Decoration, Extension Points, and Module Loading
A comprehensive exploration of Hyper's plugin system spanning both Electron processes with 38+ extension points
06
Configuration, Profiles, and the CLI: How Hyper is Customized
Covers Hyper's configuration system from JSON format through the multi-stage merging pipeline and the CLI tool