{"id":29436871,"url":"https://github.com/stone-foundation/stone-js-use-react","last_synced_at":"2026-03-11T19:31:33.784Z","repository":{"id":278114991,"uuid":"917493268","full_name":"stone-foundation/stone-js-use-react","owner":"stone-foundation","description":"Universal React integration for Stone.js, supports SSR, SPA, pages, layouts, head management, and snapshots. Build context-aware apps with full rendering control.","archived":false,"fork":false,"pushed_at":"2025-10-05T05:07:32.000Z","size":213,"stargazers_count":0,"open_issues_count":2,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-10-05T12:21:03.174Z","etag":null,"topics":["context-aware","continuum-architecture","csr","javascript","react","spa","ssr","stone-foundation","stonejs","stonejs-react","typescript"],"latest_commit_sha":null,"homepage":"https://stonejs.dev","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/stone-foundation.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":".github/CODEOWNERS","security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-01-16T05:01:14.000Z","updated_at":"2025-06-16T15:44:24.000Z","dependencies_parsed_at":"2025-06-13T03:34:52.668Z","dependency_job_id":"d9b3aa43-135a-472d-80d7-fce4201e470d","html_url":"https://github.com/stone-foundation/stone-js-use-react","commit_stats":null,"previous_names":["stonemjs/use-react"],"tags_count":2,"template":false,"template_full_name":null,"purl":"pkg:github/stone-foundation/stone-js-use-react","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stone-foundation%2Fstone-js-use-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stone-foundation%2Fstone-js-use-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stone-foundation%2Fstone-js-use-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stone-foundation%2Fstone-js-use-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/stone-foundation","download_url":"https://codeload.github.com/stone-foundation/stone-js-use-react/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stone-foundation%2Fstone-js-use-react/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30395597,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-11T18:46:22.935Z","status":"ssl_error","status_checked_at":"2026-03-11T18:46:17.045Z","response_time":84,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["context-aware","continuum-architecture","csr","javascript","react","spa","ssr","stone-foundation","stonejs","stonejs-react","typescript"],"created_at":"2025-07-13T05:06:55.030Z","updated_at":"2026-03-11T19:31:33.768Z","avatar_url":"https://github.com/stone-foundation.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Stone.js - Use React\n\n[![npm](https://img.shields.io/npm/l/@stone-js/use-react)](https://opensource.org/licenses/MIT)\n[![npm](https://img.shields.io/npm/v/@stone-js/use-react)](https://www.npmjs.com/package/@stone-js/use-react)\n[![npm](https://img.shields.io/npm/dm/@stone-js/use-react)](https://www.npmjs.com/package/@stone-js/use-react)\n![Maintenance](https://img.shields.io/maintenance/yes/2025)\n[![Build Status](https://github.com/stone-foundation/stone-js-use-react/actions/workflows/main.yml/badge.svg)](https://github.com/stone-foundation/stone-js-use-react/actions/workflows/main.yml)\n[![Publish Package to npmjs](https://github.com/stone-foundation/stone-js-use-react/actions/workflows/release.yml/badge.svg)](https://github.com/stone-foundation/stone-js-use-react/actions/workflows/release.yml)\n[![Quality Gate Status](https://sonarcloud.io/api/project_badges/measure?project=stone-foundation_stone-js-use-react\u0026metric=alert_status)](https://sonarcloud.io/summary/new_code?id=stone-foundation_stone-js-use-react)\n[![Coverage](https://sonarcloud.io/api/project_badges/measure?project=stone-foundation_stone-js-use-react\u0026metric=coverage)](https://sonarcloud.io/summary/new_code?id=stone-foundation_stone-js-use-react)\n[![Security Policy](https://img.shields.io/badge/Security-Policy-blue.svg)](./SECURITY.md)\n[![CodeQL](https://github.com/stone-foundation/stone-js-use-react/actions/workflows/github-code-scanning/codeql/badge.svg)](https://github.com/stone-foundation/stone-js-use-react/security/code-scanning)\n[![Dependabot Status](https://img.shields.io/badge/Dependabot-enabled-brightgreen.svg)](https://github.com/stone-foundation/stone-js-use-react/network/updates)\n[![Conventional Commits](https://img.shields.io/badge/Conventional%20Commits-1.0.0-yellow.svg)](https://conventionalcommits.org)\n\nReact integration for Stone.js, universal rendering, SSR hydration, layouts, pages, snapshots, head management, and more.\n\n---\n\n## Overview\n\n**`@stone-js/use-react`** connects the Stone.js Continuum Architecture to the React ecosystem.\n\nIt provides:\n\n- Universal rendering for **SSR** and **SPA**\n- Powerful `Page` and `Layout` components with optional decorators\n- A smart `Snapshot` system to sync server/client state seamlessly\n- Dynamic `\u003cStoneLink\u003e`, `\u003cStoneClient\u003e`, and `\u003cStoneServer\u003e` rendering\n- Integration hooks for popular tools and design systems\n\nUse it to build fully reactive apps that run everywhere, Node.js, the browser, or serverless platforms, without giving up fine-grained control over context and rendering strategy.\n\n## Installation\n\n```bash\nnpm install @stone-js/use-react\n```\n\n\u003e [!IMPORTANT]\n\u003e This package is **pure ESM**. Make sure your `package.json` includes `\"type\": \"module\"` or configure your bundler accordingly.\n\n## Usage\n\nThis package is designed to be used inside a Stone.js app and integrates deeply with its lifecycle, adapter system, and blueprint configuration.\n\nYou can define Pages and Layouts:\n\n```ts\nimport { Page } from '@stone-js/use-react'\n\n@Page('/about')\nexport class AboutPage {\n  render() {\n    return \u003cdiv\u003eAbout Stone.js\u003c/div\u003e\n  }\n}\n```\n\nYou can hydrate data with snapshots:\n\n```ts\nimport { Stone } from '@stone-js/core'\nimport { Snapshot } from '@stone-js/use-react'\n\n@Stone({ alias: 'userService' })\nexport class UserService {\n  @Snapshot()\n  showProfile() {\n    return { name: 'John Doe' }\n  }\n}\n```\n\nYou can render elements conditionally:\n\n```tsx\n\u003cStoneClient\u003eVisible on client\u003c/StoneClient\u003e\n\u003cStoneServer\u003eVisible on server\u003c/StoneServer\u003e\n```\n\nAnd much more.\n\n## Learn More\n\nThis package is part of the Stone.js ecosystem, a modern JavaScript framework built around the Continuum Architecture.\n\nExplore the full documentation: [https://stonejs.dev](https://stonejs.dev)\n\n## API documentation\n\n* [API](https://github.com/stone-foundation/stone-js-use-react/blob/main/docs)\n\n## Contributing\n\nSee [Contributing Guide](https://github.com/stone-foundation/stone-js-use-react/blob/main/CONTRIBUTING.md)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstone-foundation%2Fstone-js-use-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fstone-foundation%2Fstone-js-use-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstone-foundation%2Fstone-js-use-react/lists"}