{"id":28420173,"url":"https://github.com/typeonce-dev/patterns-for-state-management-with-actors-in-react-with-xstate","last_synced_at":"2025-06-28T02:31:10.563Z","repository":{"id":292615098,"uuid":"981422736","full_name":"typeonce-dev/patterns-for-state-management-with-actors-in-react-with-xstate","owner":"typeonce-dev","description":"All the ways to implement and combine actors for state management in React using XState 🏗️","archived":false,"fork":false,"pushed_at":"2025-05-11T04:32:00.000Z","size":37,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-05T03:20:27.621Z","etag":null,"topics":["actors","actors-react","actors-state-management","state-management","state-management-in-react","xstate","xstate-react"],"latest_commit_sha":null,"homepage":"https://www.typeonce.dev/article/patterns-for-state-management-with-actors-in-react-with-xstate","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/typeonce-dev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-05-11T04:20:03.000Z","updated_at":"2025-05-14T11:53:53.000Z","dependencies_parsed_at":"2025-05-11T05:33:37.359Z","dependency_job_id":null,"html_url":"https://github.com/typeonce-dev/patterns-for-state-management-with-actors-in-react-with-xstate","commit_stats":null,"previous_names":["typeonce-dev/patterns-for-state-management-with-actors-in-react-with-xstate"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/typeonce-dev/patterns-for-state-management-with-actors-in-react-with-xstate","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/typeonce-dev%2Fpatterns-for-state-management-with-actors-in-react-with-xstate","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/typeonce-dev%2Fpatterns-for-state-management-with-actors-in-react-with-xstate/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/typeonce-dev%2Fpatterns-for-state-management-with-actors-in-react-with-xstate/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/typeonce-dev%2Fpatterns-for-state-management-with-actors-in-react-with-xstate/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/typeonce-dev","download_url":"https://codeload.github.com/typeonce-dev/patterns-for-state-management-with-actors-in-react-with-xstate/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/typeonce-dev%2Fpatterns-for-state-management-with-actors-in-react-with-xstate/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262363834,"owners_count":23299475,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["actors","actors-react","actors-state-management","state-management","state-management-in-react","xstate","xstate-react"],"created_at":"2025-06-04T23:42:44.409Z","updated_at":"2025-06-28T02:31:10.557Z","avatar_url":"https://github.com/typeonce-dev.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Patterns for state management with actors in React with XState\nActors are ideal for state management, and XState has all you need to implement them in React. \n\nThis repository contains examples of how to create and combine actors with [`xstate`](https://xstate.js.org/):\n\n- [All the logic inside a single actor](./src/routes/with-value.tsx)\n- [Child sending events to parent reference](./src/routes/with-ref.tsx)\n- [Parent with reference to child inside context](./src/routes/send-to.tsx)\n- [Parent invokes child](./src/routes/invoke.tsx)\n- [Send to parent, forward to child](./src/routes/send-parent.tsx)\n\n\u003e Read the full article for all the details of the implementation: [Patterns for state management with actors in React with XState](https://www.typeonce.dev/article/patterns-for-state-management-with-actors-in-react-with-xstate) 👈","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftypeonce-dev%2Fpatterns-for-state-management-with-actors-in-react-with-xstate","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftypeonce-dev%2Fpatterns-for-state-management-with-actors-in-react-with-xstate","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftypeonce-dev%2Fpatterns-for-state-management-with-actors-in-react-with-xstate/lists"}