{"id":25006648,"url":"https://github.com/markandre13/react-with-toad-models","last_synced_at":"2025-03-30T00:16:30.257Z","repository":{"id":132463916,"uuid":"363690756","full_name":"markandre13/react-with-toad-models","owner":"markandre13","description":"Experiment to combine React.js Views with toad.js Models","archived":false,"fork":false,"pushed_at":"2021-05-28T16:58:53.000Z","size":2347,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-05T01:51:14.700Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"agpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/markandre13.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-05-02T16:00:02.000Z","updated_at":"2021-05-28T16:58:55.000Z","dependencies_parsed_at":null,"dependency_job_id":"f52f0c75-2d31-4563-8a7b-4f83c709d8bd","html_url":"https://github.com/markandre13/react-with-toad-models","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/markandre13%2Freact-with-toad-models","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/markandre13%2Freact-with-toad-models/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/markandre13%2Freact-with-toad-models/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/markandre13%2Freact-with-toad-models/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/markandre13","download_url":"https://codeload.github.com/markandre13/react-with-toad-models/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246258868,"owners_count":20748573,"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":"2025-02-05T01:50:33.283Z","updated_at":"2025-03-30T00:16:30.249Z","avatar_url":"https://github.com/markandre13.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Experiment to combine React.js Views with toad.js Models\n\nThis experiment brings the [MVVM](https://en.wikipedia.org/wiki/Model–view–viewmodel) ViewModels from [toad.js](https://github.com/markandre13/toad.js)' to [React.js](https://reactjs.org).\n\n* Apply Clean Architecture principles to your frontend by separating the View from the Business Domain Model.\n* Insanely simplify your React code.\n* Two-Way Binding\n\nMuch to my surprise, JSX allowed binding the Views directly to the Models with TypeScript providing typesafety at compile time and in VS Code.\n\nThe downside is that, compared to web components, the need to compile the JSX slows the UI development cycle down by 5s per iteration.\n\nhttps://resthooks.io/docs/api/useresource\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmarkandre13%2Freact-with-toad-models","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmarkandre13%2Freact-with-toad-models","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmarkandre13%2Freact-with-toad-models/lists"}