Introduction to the Beads Language
summary
A concise language that replaces HTML CSS and JS by compiling to JavaScript and targeting browser and Node, with a small runtime 400 kilobytes runtime (150k zipped) and about 90% browser API coverage. It supports only 2D, not WebGL, and emphasizes proportional layout, autosizing text, and draw blocks own rectangles. The data model is a tree-only data model with timestamps enabling minimal diffs for efficient client‑server sync; compile times are subsecond in practice and the tooling is currently a plain text compiler.
AI-written summary · about
chapters (23)
- 0:00Introduction and history
- 1:24Problems with the web
- 2:26Introducing Beads
- 3:15Beads basics and trade-offs
- 6:44Code examples
- 8:53Localization in Beads
- 11:04Color picker utility
- 12:30Mortgage calculator demo
- 15:50Client-server architecture
- 18:04Layout and design philosophy
- 21:06Debugger and development tools
- 25:02Text autosizing
- 26:12Data structures and operations
- 28:56State tracking and updates
- 33:53Efficient data transmission
- 35:04Development workflow
- 36:19Data types and units
- 37:12Regular expressions
- 38:16Robust arithmetic
- 39:28User experience and library
- 40:43Mobile app development
- 41:41Future of Beads
- 46:48Q&A and conclusion
related talks
34mErlang in the Browser
13mWasm Blocks: Procedural Modeling with Micro Webassemblies
45mArt.js
26mBeyond HTML and CSS: Fusing Javascript and shaders
50mJavaScript for Artists
29mJavaScript and Game Development
01h 14mMint — programming language for writing single page applications (part 1)
35mProgramming rich UIs without JavaScript? Easy-peasy