{"id":18358811,"url":"https://github.com/uppercod/preact-statenano","last_synced_at":"2025-04-10T03:01:00.918Z","repository":{"id":57329562,"uuid":"111699034","full_name":"UpperCod/preact-statenano","owner":"UpperCod","description":"🔀 preact-statenano a small component for state control","archived":false,"fork":false,"pushed_at":"2018-03-08T19:59:08.000Z","size":34,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-03-17T10:54:10.352Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/UpperCod.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-11-22T15:09:23.000Z","updated_at":"2018-08-25T04:45:30.000Z","dependencies_parsed_at":"2022-09-16T17:52:58.325Z","dependency_job_id":null,"html_url":"https://github.com/UpperCod/preact-statenano","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/UpperCod%2Fpreact-statenano","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/UpperCod%2Fpreact-statenano/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/UpperCod%2Fpreact-statenano/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/UpperCod%2Fpreact-statenano/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/UpperCod","download_url":"https://codeload.github.com/UpperCod/preact-statenano/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248148219,"owners_count":21055547,"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":[],"created_at":"2024-11-05T22:19:35.041Z","updated_at":"2025-04-10T03:01:00.662Z","avatar_url":"https://github.com/UpperCod.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"#preact-statenano\n\nis a small library that allows to synchronize state events created on the basis of StateNano with components created with preact all thanks to the high order components.\n\n### yarn\n\n```bash\nyarn add -D preact-statenano\n```\n### npm\n\n```bash\nnpm install -D preact-statenano\n```\n\n### Provider Example\n\nyou can enter [codesandbox.io] (https://codesandbox.io/s/4xjvlqx870) to see an example of **preact-statenano** and [statenano] (https://github.com/UpperCod/statenano)\n\n```javascript\nimport { h, Component, render } from \"preact\";\nimport {Provider} from 'preact-statenano';\nimport App   from './components/App';\nimport Todo  from './states/Todo';\n\nrender(\n   \u003cProvider todo={new Todo({tasks:[]})}\u003e\n       \u003cApp/\u003e\n   \u003cProvider/\u003e\n)\n```\n\n### Connect example\n\nconnect allows to generate a component that has 2 static properties:\n\n- **with**: allows you to assign a component to the new component generated by connect\n- **map**: it allows to map the new state, it must return an object\n\n```javascript\n\nimport { h, Component, render } from \"preact\";\nimport {connect} from 'preact-statenano';\n\nfunction Todo({state}){\n   return \u003ch1\u003eTodo!\u003c/h1\u003e\n}\n\nreturn connect('todo').with(Todo).map(({todo},props)=\u003etodo)\n\n```\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fuppercod%2Fpreact-statenano","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fuppercod%2Fpreact-statenano","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fuppercod%2Fpreact-statenano/lists"}