{"id":31910653,"url":"https://github.com/svar-widgets/react-tasklist","last_synced_at":"2025-10-13T16:54:03.618Z","repository":{"id":315225530,"uuid":"1057444370","full_name":"svar-widgets/react-tasklist","owner":"svar-widgets","description":"Simple React to-do list component to add, edit, delete, and mark tasks as completed.","archived":false,"fork":false,"pushed_at":"2025-09-26T09:04:05.000Z","size":63,"stargazers_count":7,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-09-26T09:39:08.345Z","etag":null,"topics":["react","react-component","reactjs","svar-ui","task-list","task-manager","to-do-list"],"latest_commit_sha":null,"homepage":"https://svar.dev/react/core/","language":"JavaScript","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/svar-widgets.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"license.txt","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,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-09-15T18:25:45.000Z","updated_at":"2025-09-26T09:04:07.000Z","dependencies_parsed_at":"2025-09-17T12:28:31.688Z","dependency_job_id":"e4eb938f-0c14-4b41-94ae-fe2ab15b4ca3","html_url":"https://github.com/svar-widgets/react-tasklist","commit_stats":null,"previous_names":["svar-widgets/react-tasklist"],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/svar-widgets/react-tasklist","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/svar-widgets%2Freact-tasklist","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/svar-widgets%2Freact-tasklist/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/svar-widgets%2Freact-tasklist/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/svar-widgets%2Freact-tasklist/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/svar-widgets","download_url":"https://codeload.github.com/svar-widgets/react-tasklist/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/svar-widgets%2Freact-tasklist/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279016119,"owners_count":26085804,"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","status":"online","status_checked_at":"2025-10-13T02:00:06.723Z","response_time":61,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["react","react-component","reactjs","svar-ui","task-list","task-manager","to-do-list"],"created_at":"2025-10-13T16:54:01.548Z","updated_at":"2025-10-13T16:54:03.613Z","avatar_url":"https://github.com/svar-widgets.png","language":"JavaScript","readme":"\u003cdiv align=\"center\"\u003e\n\n# SVAR React Tasklist\n\n[![npm](https://img.shields.io/npm/v/@svar-ui/react-tasklist.svg)](https://www.npmjs.com/package/@svar-ui/react-tasklist)\n[![License](https://img.shields.io/github/license/svar-widgets/react-tasklist)](https://github.com/svar-widgets/react-tasklist/blob/main/license.txt)\n[![npm downloads](https://img.shields.io/npm/dm/@svar-ui/react-tasklist.svg)](https://www.npmjs.com/package/@svar-ui/react-tasklist)\n\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n[Documentation](https://docs.svar.dev/react/core/tasklist/) • [Demos](https://docs.svar.dev/react/core/samples-tasklist/#/base/willow)\n\n\u003c/div\u003e\n\n**SVAR React Tasklist** is a lightweight React component that helps you add simple, interactive to-do lists to your applications. It's compatible with React 18 and 19, and is a part of the [SVAR React Core](https://github.com/svar-widgets/react-core) widgets family.\n\nWith Tasklist, users can easily add, edit, delete, and mark tasks as completed. The component works fully on the client side and integrates smoothly with any backend or external data source (like REST APIs) to load and save tasks. It also provides flexible event handling, letting you track and respond to task additions, updates, or deletions.\n\n\u003cdiv align=\"center\"\u003e\n\n\u003cimg src=\"https://svar.dev/images/github/github-tasklist.png\" alt=\"SVAR React TaskList\" style=\"width: 700px;\"\u003e\n\n\u003c/div\u003e\n\n### :hammer_and_wrench: How to Use\n\nTo use the task list, simply import the package and include the component in to .jsx file:\n\n```jsx\n    import { Tasklist } from \"@svar-ui/react-tasklist\";\n    import \"@svar-ui/react-tasklist/all.css\";\n\n    function MyComponent(){\n        const data =  [\n            { id: 7, content: 'Optimize performance', status: 1 },\n            { id: 8, content: 'Work with API requests', status: 0}\n        ];\n\n        return (\u003cTasklist value={data} /\u003e);\n    }\n```\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsvar-widgets%2Freact-tasklist","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsvar-widgets%2Freact-tasklist","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsvar-widgets%2Freact-tasklist/lists"}