[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-10866":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":17,"stars30d":18,"stars90d":16,"forks30d":16,"starsTrendScore":19,"compositeScore":20,"rankGlobal":10,"rankLanguage":10,"license":21,"archived":22,"fork":22,"defaultBranch":23,"hasWiki":24,"hasPages":22,"topics":25,"createdAt":10,"pushedAt":10,"updatedAt":33,"readmeContent":34,"aiSummary":35,"trendingCount":16,"starSnapshotCount":16,"syncStatus":36,"lastSyncTime":37,"discoverSource":38},10866,"arrow-js","standardagents\u002Farrow-js","standardagents","The first UI framework for the agentic era — tiny, performant, with WASM sandboxes for safe code execution.","https:\u002F\u002Farrow-js.com",null,"TypeScript",3535,75,29,4,0,5,52,1,27.64,"MIT License",false,"main",true,[26,27,28,29,30,31,32],"declarative","reactive","rendering","ui","ux","web","webcomponents","2026-06-12 02:02:27","\u003Cp align=\"center\">\n  \u003Cimg src=\"docs\u002Fpublic\u002Farrowjs-logo.png\" alt=\"ArrowJS\" width=\"360\" \u002F>\n\u003C\u002Fp>\n\n![test badge](https:\u002F\u002Fgithub.com\u002Fstandardagents\u002Farrow-js\u002Factions\u002Fworkflows\u002Ftests.yml\u002Fbadge.svg)\n![size badge](https:\u002F\u002Fimg.shields.io\u002Fendpoint?url=https%3A%2F%2Farrow-js.com%2Fbadges%2Fcore-size.json)\n[![npm version](https:\u002F\u002Fbadge.fury.io\u002Fjs\u002F@arrow-js%2Fcore.svg)](https:\u002F\u002Fbadge.fury.io\u002Fjs\u002F@arrow-js%2Fcore)\n\n## The UI framework for coding agents\n\nArrowJS is a tiny, blazing-fast, type-safe reactive UI runtime built around platform primitives that coding agents deeply understand: JavaScript modules, template literals, and the DOM.\n\nUse `@arrow-js\u002Fcore` when you want direct reactive DOM updates with minimal API surface. Add `@arrow-js\u002Fframework`, `@arrow-js\u002Fssr`, and `@arrow-js\u002Fhydrate` when you need async components, server-side rendering, and client-side hydration on top of the same component model.\n\n[Documentation](https:\u002F\u002Farrow-js.com) · [API Reference](https:\u002F\u002Farrow-js.com\u002Fapi) · [Playground](https:\u002F\u002Farrow-js.com\u002Fplay\u002F) · [Discord](https:\u002F\u002Fdiscord.gg\u002FfBy7csvmAt)\n\n## Core Package\n\n- `@arrow-js\u002Fcore`: reactive state, tagged-template rendering, components, `pick()` \u002F `props()`, and `nextTick()`\n\n## Framework Packages\n- `@arrow-js\u002Fframework`: async component runtime, `boundary()`, `render()`, `toTemplate()`, and document rendering helpers\n- `@arrow-js\u002Fssr`: `renderToString()` and `serializePayload()` for server output\n- `@arrow-js\u002Fhydrate`: `hydrate()` and `readPayload()` for adopting SSR output in the browser\n- `@arrow-js\u002Fsandbox`: QuickJS\u002FWASM-backed sandbox runtime for executing Arrow code off the host `window` realm while rendering into the real DOM\n- `@arrow-js\u002Fvite-plugin-arrow`: Vite integration package included in the monorepo\n\n## Install\n\nScaffold a complete Vite 8 Arrow app with SSR, hydration, and the full framework stack:\n\n```sh\npnpm create arrow-js@latest arrow-app\n```\n\nAgent skill: Equip your preferred coding agent to add Arrow to an existing project:\n\n```sh\nnpx @arrow-js\u002Fskill\n```\n\nCore-only:\n\n```sh\nnpm install @arrow-js\u002Fcore\n```\n\nFull SSR + hydration stack:\n\n```sh\npnpm add @arrow-js\u002Fcore @arrow-js\u002Fframework @arrow-js\u002Fssr @arrow-js\u002Fhydrate\n```\n\nNo build step is required for the core runtime. You can also import it directly in the browser:\n\n```html\n\u003Cscript type=\"module\">\n  import { html, reactive } from 'https:\u002F\u002Fesm.sh\u002F@arrow-js\u002Fcore'\n\u003C\u002Fscript>\n```\n\n## Core Example\n\n```ts\nimport { component, html, reactive } from '@arrow-js\u002Fcore'\n\nconst Counter = component(() => {\n  const state = reactive({ count: 0 })\n\n  return html`\u003Cbutton @click=\"${() => state.count++}\">\n    Clicked ${() => state.count} times\n  \u003C\u002Fbutton>`\n})\n\nhtml`${Counter()}`(document.body)\n```\n\n## Async Components, SSR, and Hydration\n\nAsync components use the same `component()` API, but they require the async runtime from `@arrow-js\u002Fframework`, `@arrow-js\u002Fssr`, or `@arrow-js\u002Fhydrate` to be imported before rendering.\n\nThe current project structure keeps that layering explicit:\n\n- `@arrow-js\u002Fcore` stays DOM-first and framework-agnostic.\n- `@arrow-js\u002Fframework` adds async render tracking and boundaries.\n- `@arrow-js\u002Fssr` renders HTML and serializes async payloads on the server.\n- `@arrow-js\u002Fhydrate` adopts existing SSR HTML instead of replacing it on the client.\n\n## Editor Support\n\nInstall the official [ArrowJS Syntax](https:\u002F\u002Fmarketplace.visualstudio.com\u002Fitems?itemName=StandardAgents.arrowjs-syntax) extension for VSCode to get syntax highlighting and autocomplete inside `html` template literals.\n\n## Community\n\n- [Discord](https:\u002F\u002Fdiscord.gg\u002FfBy7csvmAt) — ask questions, share what you're building, and connect with other Arrow developers\n- [GitHub Issues](https:\u002F\u002Fgithub.com\u002Fstandardagents\u002Farrow-js\u002Fissues) — report bugs and request features\n- Follow [@jpschroeder](https:\u002F\u002Fx.com\u002Fintent\u002Ffollow?screen_name=jpschroeder) on X for updates and releases\n\n## Monorepo Development\n\n- `pnpm dev`: run the docs app locally\n- `pnpm test`: run Vitest\n- `pnpm test:e2e`: run Playwright tests\n- `pnpm typecheck`: run TypeScript across the workspace\n","ArrowJS 是一个专为编码代理设计的UI框架，它体积小巧、性能卓越，并通过WASM沙箱支持安全代码执行。其核心功能包括响应式状态管理、模板字面量渲染以及组件化开发，利用JavaScript模块和DOM等平台原生特性实现高效交互。此外，ArrowJS还提供了异步组件运行时、服务器端渲染及客户端水合等功能包，进一步增强了框架的灵活性与实用性。该框架适用于需要高性能且具备良好安全性的Web应用开发场景，特别是那些涉及复杂用户界面和动态内容生成的应用程序。",2,"2026-06-11 03:30:32","top_topic"]