Ripple: new JavaScript framework from an ex-React & Svelte core team member
11 days ago
- #frontend
- #ui-framework
- #typescript
- Ripple is a TypeScript UI framework for the web, currently in early development and not production-ready.
- Designed as a JS/TS-first framework with .ripple extension modules for better TypeScript and JSX integration.
- Features include reactive state management with $ prefixed variables, component-based architecture, and JSX-like syntax.
- Supports TypeScript, VSCode integration, and has plans for SSR (currently SPA only).
- Includes reactive state management, derived values, and side-effects with effect().
- Templating is restricted to component bodies, with support for if blocks, for...of loops, and try-catch error boundaries.
- Component composition uses $children prop, and events follow React-like naming conventions.
- Native CSS styling is supported within components via <style> elements.
- VSCode extension provides syntax highlighting, diagnostics, TypeScript integration, and IntelliSense.
- Available for experimentation via a Vite template or by cloning the repository and using the playground.