[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-71207":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":17,"stars7d":18,"stars30d":15,"stars90d":16,"forks30d":16,"starsTrendScore":19,"compositeScore":20,"rankGlobal":10,"rankLanguage":10,"license":21,"archived":22,"fork":22,"defaultBranch":23,"hasWiki":22,"hasPages":24,"topics":25,"createdAt":10,"pushedAt":10,"updatedAt":26,"readmeContent":27,"aiSummary":28,"trendingCount":16,"starSnapshotCount":16,"syncStatus":29,"lastSyncTime":30,"discoverSource":31},71207,"stylex","facebook\u002Fstylex","facebook","StyleX is the styling system for ambitious user interfaces.","https:\u002F\u002Fstylexjs.com",null,"JavaScript",9261,423,46,108,0,6,103,18,105.88,"MIT License",false,"main",true,[],"2026-06-12 04:00:59","# StyleX · [![GitHub license](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Flicense-MIT-blue.svg)](https:\u002F\u002Fgithub.com\u002Ffacebook\u002Fstylex\u002Fblob\u002Fmain\u002FLICENSE) [![npm version](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@stylexjs\u002Fstylex.svg?style=flat)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@stylexjs\u002Fstylex) [![tests](https:\u002F\u002Fgithub.com\u002Ffacebook\u002Fstylex\u002Factions\u002Fworkflows\u002Ftests.yml\u002Fbadge.svg)](https:\u002F\u002Fgithub.com\u002Ffacebook\u002Fstylex\u002Factions\u002Fworkflows\u002Ftests.yml) [![PRs Welcome](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FPRs-welcome-brightgreen.svg)](https:\u002F\u002Fgithub.com\u002Ffacebook\u002Fstylex\u002Fblob\u002Fmain\u002F.github\u002FCONTRIBUTING.md)\n\nStyleX is a JavaScript library for defining styles for optimized user\ninterfaces.\n\n## Documentation\n\n[Documentation Website](https:\u002F\u002Fstylexjs.com)\n\nDocumentation for individual packages can be found in their respective README\nfiles. Start with\n[`@stylexjs\u002Fstylex`](https:\u002F\u002Fgithub.com\u002Ffacebook\u002Fstylex\u002Fblob\u002Fmain\u002Fpackages\u002F@stylexjs\u002Fstylex).\n\n### Example\n\nHere is a simple example of StyleX use:\n\n```js\nimport * as stylex from '@stylexjs\u002Fstylex';\n\nconst styles = stylex.create({\n  root: {\n    padding: 10,\n  },\n  element: {\n    backgroundColor: 'red',\n  },\n});\n\nconst styleProps = stylex.props(styles.root, styles.element);\n```\n\n## Development\n\nThis is the development monorepo for StyleX.\n\n### Structure\n\n- `.github`\n  - Contains workflows used by GitHub Actions.\n  - Contains issue templates and contribution guidelines.\n- `examples`\n  - Contains examples using StyleX and its integration with build tools.\n- `packages`\n  - Contains the public and private packages managed in the monorepo.\n  - [babel-plugin](https:\u002F\u002Fgithub.com\u002Ffacebook\u002Fstylex\u002Fblob\u002Fmain\u002Fpackages\u002F@stylexjs\u002Fbabel-plugin)\n  - [benchmarks](https:\u002F\u002Fgithub.com\u002Ffacebook\u002Fstylex\u002Fblob\u002Fmain\u002Fpackages\u002Fbenchmarks)\n  - [cli](https:\u002F\u002Fgithub.com\u002Ffacebook\u002Fstylex\u002Fblob\u002Fmain\u002Fpackages\u002F@stylexjs\u002Fcli)\n  - [docs](https:\u002F\u002Fgithub.com\u002Ffacebook\u002Fstylex\u002Fblob\u002Fmain\u002Fpackages\u002Fdocs)\n  - [eslint-plugin](https:\u002F\u002Fgithub.com\u002Ffacebook\u002Fstylex\u002Fblob\u002Fmain\u002Fpackages\u002F@stylexjs\u002Feslint-plugin)\n  - [postcss-plugin](https:\u002F\u002Fgithub.com\u002Ffacebook\u002Fstylex\u002Fblob\u002Fmain\u002Fpackages\u002F@stylexjs\u002Fpostcss-plugin)\n  - [rollup-plugin](https:\u002F\u002Fgithub.com\u002Ffacebook\u002Fstylex\u002Fblob\u002Fmain\u002Fpackages\u002F@stylexjs\u002Frollup-plugin)\n  - [scripts](https:\u002F\u002Fgithub.com\u002Ffacebook\u002Fstylex\u002Fblob\u002Fmain\u002Fpackages\u002Fscripts)\n  - [shared](https:\u002F\u002Fgithub.com\u002Ffacebook\u002Fstylex\u002Fblob\u002Fmain\u002Fpackages\u002F@stylexjs\u002Fbabel-plugin\u002Fshared)\n  - [style-value-parser](https:\u002F\u002Fgithub.com\u002Ffacebook\u002Fstylex\u002Fblob\u002Fmain\u002Fpackages\u002Fstyle-value-parser)\n  - [stylex](https:\u002F\u002Fgithub.com\u002Ffacebook\u002Fstylex\u002Fblob\u002Fmain\u002Fpackages\u002F@stylexjs\u002Fstylex)\n\n\n### Tasks\n\nFirst, `yarn install` the yarn workspace.\n\n- `build`\n  - Use `yarn build` to run the build script in every package.\n  - Use `yarn workspace \u003Cpackage-name> build` to run the build script for a\n    specific package.\n- `test`\n  - Use `yarn test` to run tests for every package.\n  - Use `yarn workspace \u003Cpackage-name> test` to run the test script for a\n    specific package. More details can be found in the contributing guide below.\n\n## Contributing\n\nDevelopment happens in the open on GitHub and we are grateful for contributions\nincluding bug fixes, improvements, and ideas.\n\n### Code of Conduct\n\nThis project expects all participants to adhere to Meta's OSS\n[Code of Conduct](https:\u002F\u002Fopensource.fb.com\u002Fcode-of-conduct\u002F). Please read\nthe full text so that you can understand what actions will and will not be\ntolerated.\n\n### Contributing Guide\n\nRead the\n[contributing guide](https:\u002F\u002Fgithub.com\u002Ffacebook\u002Fstylex\u002Fblob\u002Fmain\u002F.github\u002FCONTRIBUTING.md)\nto learn about our development process, how to propose bug fixes and\nimprovements, and how to build and test your changes.\n\n### Architectural Principles\n\nBefore proposing a change or addition to the StyleX API, you should familiarize\nyourself with the\n[goals and architectural principles](https:\u002F\u002Fstylexjs.com\u002Fdocs\u002Flearn\u002Fthinking-in-stylex\u002F)\nof the project.\n\n### License\n\nStyleX is [MIT licensed](.\u002FLICENSE).\n\n","StyleX 是一个用于定义优化用户界面样式的 JavaScript 库。它通过提供一种声明式的方式来创建和管理样式，支持将样式作为对象处理，从而使得样式代码更加模块化、易于维护。此外，StyleX 还集成了对 Babel、PostCSS 等工具的支持，便于开发者在不同构建流程中使用。该项目适合需要高度定制且性能要求较高的Web应用开发场景，尤其是当项目规模较大时，利用 StyleX 可以有效提升前端开发效率与用户体验。",2,"2026-06-11 03:36:34","high_star"]