[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-70673":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":16,"compositeScore":19,"rankGlobal":10,"rankLanguage":10,"license":20,"archived":21,"fork":21,"defaultBranch":22,"hasWiki":21,"hasPages":21,"topics":23,"createdAt":10,"pushedAt":10,"updatedAt":33,"readmeContent":34,"aiSummary":35,"trendingCount":16,"starSnapshotCount":16,"syncStatus":36,"lastSyncTime":37,"discoverSource":38},70673,"core","stenciljs\u002Fcore","stenciljs","A toolchain for building scalable, enterprise-ready component systems on top of TypeScript and Web Component standards. Stencil components can be distributed natively to React, Angular, Vue, (+ more) and traditional web applications from a single, framework-agnostic codebase.","https:\u002F\u002Fstenciljs.com",null,"TypeScript",13097,844,165,173,0,1,14,43.78,"Other",false,"main",[24,25,26,27,28,29,30,7,31,32],"custom-element","design-system","ionic","ssg","ssr","static-site-generator","stencil","typescript","webcomponent","2026-06-12 02:02:41","\u003Cp align=\"center\">\n  \u003Ca href=\"#\">\n    \u003Cimg alt=\"stencil-logo\" src=\"https:\u002F\u002Fgithub.com\u002Fstenciljs\u002Fcore\u002Fblob\u002Fmain\u002Fstencil-logo.png\" width=\"60\">\n  \u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Ch1 align=\"center\">\n  Stencil\n\u003C\u002Fh1>\n\n\u003Cp align=\"center\">\n  A compiler for generating \u003Ca href=\"https:\u002F\u002Fwww.webcomponents.org\u002Fintroduction\" target=\"_blank\" rel=\"noopener noref\">Web Components\u003C\u002Fa> using technologies like TypeScript and JSX, built by the \u003Ca href=\"https:\u002F\u002Fionic.io\u002F\">Ionic team\u003C\u002Fa>.\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@stencil\u002Fcore\">\n    \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@stencil\u002Fcore.svg\" alt=\"StencilJS is released under the MIT license.\" \u002F>\u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fstenciljs\u002Fcore\u002Fblob\u002Fmain\u002FLICENSE.md\">\n    \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Flicense-MIT-yellow.svg\" alt=\"StencilJS is released under the MIT license.\" \u002F>\n  \u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fstenciljs\u002Fcore\u002Fblob\u002Fmain\u002FCONTRIBUTING.md\">\n    \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FPRs-welcome-brightgreen.svg\" alt=\"PRs welcome!\" \u002F>\n  \u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Ftwitter.com\u002Fstenciljs\">\n    \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Ffollow-%40stenciljs-1DA1F2?logo=twitter\" alt=\"Follow @stenciljs\">\n  \u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fchat.stenciljs.com\">\n    \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fdiscord\u002F520266681499779082?color=7289DA&label=%23stencil&logo=discord&logoColor=white\" alt=\"Official Ionic Discord\" \u002F>\n  \u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Ch2 align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fstenciljs.com\u002Fdocs\u002Fgetting-started#starting-a-new-project\">Quick Start\u003C\u002Fa>\n  \u003Cspan> · \u003C\u002Fspan>\n  \u003Ca href=\"https:\u002F\u002Fstenciljs.com\u002Fdocs\u002Fintroduction\">Documentation\u003C\u002Fa>\n  \u003Cspan> · \u003C\u002Fspan>\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fstenciljs\u002Fcore\u002Fblob\u002Fmain\u002FCONTRIBUTING.md\">Contribute\u003C\u002Fa>\n  \u003Cspan> · \u003C\u002Fspan>\n  \u003Ca href=\"https:\u002F\u002Fionicframework.com\u002Fblog\u002Ftag\u002Fstencil\u002F\">Blog\u003C\u002Fa>\n  \u003Cbr \u002F>\n  Community:\n  \u003Ca href=\"https:\u002F\u002Fchat.stenciljs.com\">Discord\u003C\u002Fa>\n  \u003Cspan> · \u003C\u002Fspan>\n  \u003Ca href=\"https:\u002F\u002Fforum.ionicframework.com\u002Fc\u002Fstencil\u002F21\u002F\">Forums\u003C\u002Fa>\n  \u003Cspan> · \u003C\u002Fspan>\n  \u003Ca href=\"https:\u002F\u002Ftwitter.com\u002Fstenciljs\">Twitter\u003C\u002Fa>\n\u003C\u002Fh2>\n\n### Getting Started\n\nStart a new project by following our quick [Getting Started guide](https:\u002F\u002Fstenciljs.com\u002Fdocs\u002Fgetting-started).\nWe would love to hear from you!\nIf you have any feedback or run into issues using Stencil, please file an [issue](https:\u002F\u002Fgithub.com\u002Fstenciljs\u002Fcore\u002Fissues\u002Fnew) on this repository.\n\n### Examples\nA Stencil component looks a lot like a class-based React component, with the addition of TypeScript decorators:\n```tsx\nimport { Component, Prop, h } from '@stencil\u002Fcore';\n\n@Component({\n  tag: 'my-component',            \u002F\u002F the name of the component's custom HTML tag\n  styleUrl: 'my-component.css',   \u002F\u002F css styles to apply to the component\n  shadow: true,                   \u002F\u002F this component uses the ShadowDOM\n})\nexport class MyComponent {\n  \u002F\u002F The component accepts two arguments:\n  @Prop() first: string;\n  @Prop() last: string;\n\n   \u002F\u002FThe following HTML is rendered when our component is used\n  render() {\n    return (\n      \u003Cdiv>\n        Hello, my name is {this.first} {this.last}\n      \u003C\u002Fdiv>\n    );\n  }\n}\n```\n\nThe component above can be used like any other HTML element:\n\n```html\n\u003Cmy-component first=\"Stencil\" last=\"JS\">\u003C\u002Fmy-component>\n```\n\nSince Stencil generates web components, they work in any major framework or with no framework at all.\nIn many cases, Stencil can be used as a drop in replacement for traditional frontend framework, though using it as such is certainly not required.\n\n### Contributing\n\nThanks for your interest in contributing!\nPlease take a moment to read up on our guidelines for [contributing](https:\u002F\u002Fgithub.com\u002Fstenciljs\u002Fcore\u002Fblob\u002Fmain\u002FCONTRIBUTING.md). We've created comprehensive technical documentation for contributors that explains Stencil's internal architecture, including the compiler, runtime, build system, and other core components in the [\u002Fdocs](\u002Fdocs\u002F) directory.\nPlease note that this project is released with a [Contributor Code of Conduct](https:\u002F\u002Fgithub.com\u002Fstenciljs\u002Fcore\u002Fblob\u002Fmain\u002FCODE_OF_CONDUCT.md). By participating in this project you agree to abide by its terms.","Stencil 是一个用于构建可扩展、企业级组件系统的工具链，基于 TypeScript 和 Web 组件标准。其核心功能包括使用 TypeScript 和 JSX 编写组件，并通过单一的框架无关代码库生成可在 React、Angular、Vue 等多种前端框架以及传统 Web 应用中使用的原生 Web 组件。Stencil 还支持服务端渲染（SSR）和静态站点生成（SSG），适合于需要跨平台兼容性和高性能的现代 Web 开发场景，特别是对于那些希望在不同技术栈之间共享组件的企业级应用开发非常有用。",2,"2026-06-11 03:33:33","high_star"]