The 7GUIs benchmark implemented in ReactLynx. Each task exercises a different aspect of UI programming.
Basic useState with a tap handler. The simplest possible state management example.
Two-way data binding between Celsius and Fahrenheit <input> fields using controlled components.
Form validation and conditional logic — a date-based flight booking form with one-way / return toggle and input validation.
Elapsed-time progress driven by setInterval, with a draggable duration control. Demonstrates timer lifecycle and cleanup with useEffect.
Filterable list with create, update, and delete operations. Shows list rendering with v-for-style mapping, text input binding, and selection state.
Tap-to-draw circles on a canvas-like area with undo/redo history and radius adjustment. Exercises complex state (history stack, selection, adjustment mode) and absolute positioning.
A 5x10 spreadsheet grid supporting formulas (=A0+B1). Demonstrates dynamic expression evaluation, cell references, and inline editing with <input>.
pnpm install
pnpm run devEach task is a separate entry point — the dev server will list all of them. Scan the QR code with LynxExplorer to preview on device.