{"id":18013018,"url":"https://github.com/hackwaly/hoof","last_synced_at":"2025-07-29T13:14:13.703Z","repository":{"id":146287057,"uuid":"48571609","full_name":"hackwaly/hoof","owner":"hackwaly","description":"A Javascript MVVM library. Like efficient virtual-dom version of knockout.","archived":false,"fork":false,"pushed_at":"2016-01-14T10:32:39.000Z","size":90,"stargazers_count":12,"open_issues_count":0,"forks_count":4,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-22T03:02:54.303Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/hackwaly.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}},"created_at":"2015-12-25T07:39:16.000Z","updated_at":"2018-04-03T05:51:25.000Z","dependencies_parsed_at":"2023-04-18T05:24:14.843Z","dependency_job_id":null,"html_url":"https://github.com/hackwaly/hoof","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/hackwaly%2Fhoof","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hackwaly%2Fhoof/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hackwaly%2Fhoof/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hackwaly%2Fhoof/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hackwaly","download_url":"https://codeload.github.com/hackwaly/hoof/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245692715,"owners_count":20656994,"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-10-30T03:19:40.240Z","updated_at":"2025-03-26T16:31:47.119Z","avatar_url":"https://github.com/hackwaly.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Hoof\n\nA Javascript MVVM library. Like efficient virtual-dom version of knockout. \n[Live Hoof+D3 Demo](http://bl.ocks.org/hackwaly/raw/2b6692effcb4fa3def95/)\n\n\n_Technique preview. Opensourced here to share the ideas in it._\n\n#### Difference with React\n\n* Render once, update by data binding.\n* Not diff virtual-dom(s), diff data on necessary.\n* No wrapper span element for text binding. It won't break your css.\n* Support render fragments.\n\n#### Example\n\n```javascript\nimport {stored} from 'property';\nimport {Fragment, React, render} from 'hoof';\n\nlet counter = stored(0);\nlet step = stored(1, (n) =\u003e +n); // The second argument is a write filter.\n\nfunction increment() {\n    counter(counter() + step());\n}\n\nlet ctx = render(\n\t\u003cFragment\u003e\n        {counter}\n        \u003cbutton onclick={increment}\u003eincrement\u003c/button\u003e\n        \u003cinput type=\"number\" value={step()} value$input$change={step}/\u003e\n\t\u003c/Fragment\u003e\n);\n// `value={step()}` instead of `value={step}` means do not make write binding.\n// `value$input$change={step}` is a read binding says read `value` into `step` on `input` or `change` event.\n\n// Insert rendered (fragment) node to document.\ndocument.body.appendChild(ctx.node);\n// Setup all bindings.\nctx.setup();\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhackwaly%2Fhoof","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhackwaly%2Fhoof","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhackwaly%2Fhoof/lists"}