Build Lynx Apps without Framework

Use this skill to build Lynx apps directly from Element PAPIs and Lynx Runtime APIs.

Core Rules

• Do not use ReactLynx, JSX, virtual DOM, or browser DOM APIs unless the user explicitly asks for them.
• Split app code into three parts.
  • src/main-thread.ts creates and mutates the element tree by using Element PAPIs.
  • src/background.ts get data from main-thread environment and handle events which always generate patches to main thread.
  • src/style.css contains common CSS styles used in the app.

Recommended Path

1. For bundle scenarios, start with references/template-webpack-build.md for package setup.
2. Then read references/main-thread-rendering.md for main-thread UI tree creation and mutation.
3. Then read references/double-thread-data-sync.md for double-thread event dispatch and data synchronization.

Examples