[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-2880":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":18,"compositeScore":20,"rankGlobal":10,"rankLanguage":10,"license":21,"archived":22,"fork":22,"defaultBranch":23,"hasWiki":24,"hasPages":24,"topics":25,"createdAt":10,"pushedAt":10,"updatedAt":26,"readmeContent":27,"aiSummary":28,"trendingCount":16,"starSnapshotCount":16,"syncStatus":29,"lastSyncTime":30,"discoverSource":31},2880,"todomvc","tastejs\u002Ftodomvc","tastejs","Helping you select a JavaScript framework - Todo apps for React.js, Angular, Vue and many more","http:\u002F\u002Ftodomvc.com",null,"JavaScript",28927,13747,1073,14,0,1,4,18,45,"Other",false,"master",true,[],"2026-06-12 02:00:44","# ![TodoMVC](media\u002Flogo.png)\n\n> Helping you select a JavaScript framework\n\n### [Website](http:\u002F\u002Ftodomvc.com)    [Blog](http:\u002F\u002Fblog.tastejs.com)    [TasteJS](http:\u002F\u002Ftastejs.com)\n\nDevelopers have a number of choices today when it comes to selecting a JavaScript framework or UI library for building scalable web apps.\n\nReact, Vue, Svelte, Angular, Solid, Lit... the list of solutions continues to grow, but just how do you decide on which to use in a sea of so many options?\n\nTo help solve this problem, we created TodoMVC - a project which offers the same Todo application implemented in most of the popular JavaScript frameworks of the day. Each example is functionally identical and follows the same [app specification](app-spec.md), so you can compare syntax, structure, and idioms side by side on equal footing.\n\nTodoMVC has been the de-facto teaching example for UI frameworks for over a decade, and forms the core of the cross-browser [Speedometer](https:\u002F\u002Fbrowserbench.org\u002FSpeedometer3.1\u002F) benchmark used by every major browser engine to optimize UI performance.\n\n\n## Examples\n\nThe actively maintained examples in this repo are kept current with their framework's latest stable line. As of TodoMVC 2.0:\n\n- [React 19](examples\u002Freact)\n- [Vue 3.5](examples\u002Fvue)\n- [Angular 21](examples\u002Fangular)\n- [Svelte 5](examples\u002Fsvelte) (with runes)\n- [Preact 10](examples\u002Fpreact)\n- [Lit 3.3](examples\u002Flit)\n- [React Redux 9](examples\u002Freact-redux) (with Redux Toolkit 2)\n\nPlenty of legacy framework showcases also live in `examples\u002F` for historical reference. See the [website](http:\u002F\u002Ftodomvc.com) for the full list.\n\n\n## Build a TodoMVC App with Your AI Coding Agent\n\nThe [app spec](app-spec.md) is plain Markdown and reads cleanly into any modern AI coding agent (Claude Code, Cursor, GitHub Copilot, Codex, Gemini Code Assist, Aider, and so on). To generate a fresh implementation in a framework or language that isn't on the list above, drop this prompt into your agent of choice:\n\n```\nBuild a TodoMVC app following this spec https:\u002F\u002Fraw.githubusercontent.com\u002Ftastejs\u002Ftodomvc\u002Frefs\u002Fheads\u002Fmaster\u002Fapp-spec.md in React\n```\n\nReplace `React` with `Vue`, `Svelte`, `Angular`, `Solid`, `Lit`, `Preact`, `Qwik`, or any framework or language you want to evaluate. The result follows the same behavioural surface every example in this repo implements (add, edit, toggle, filter, route, clear completed), so it's directly comparable to the reference apps.\n\n\n## Running the examples and tests\n\nEach example builds and serves itself. Most modern apps use Vite, webpack, or rollup; cd into an example, install, and run:\n\n```sh\n$ cd examples\u002Freact\n$ npm install\n$ npm run build\n$ npm run serve\n```\n\nTo run the Cypress test suite against the maintained examples:\n\n```sh\n$ npm install\n$ npm run test:all\n```\n\n`npm run test:all` defaults to the curated modern set. Pass `--all` to sweep every example in `examples\u002F`, or `--framework=react` to target a single one. See [tests\u002FREADME.md](tests\u002FREADME.md) for details.\n\n\n## Team\n\nTodoMVC would not be possible without a strong team of [contributors](https:\u002F\u002Fgithub.com\u002Ftastejs\u002Ftodomvc\u002Fcontributors) helping push the project forward each day. Additionally, we have a core project team composed of:\n\n#### [Addy Osmani](https:\u002F\u002Fgithub.com\u002Faddyosmani) - Founder\u002FLead\n\n\u003Cimg align=\"left\" width=\"40\" height=\"40\" src=\"https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F110953?v=4&s=40\">\n  Addy is a Software Engineer at Google who originally created TodoMVC. He oversees the project direction, maintenance and organizes the planning and development efforts of the team.\n\n#### [Sindre Sorhus](https:\u002F\u002Fgithub.com\u002Fsindresorhus) - Lead Developer\n\n\u003Cimg align=\"left\" width=\"40\" height=\"40\" src=\"https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F170270?v=4&s=40\">\nSindre is a Web Developer who leads core development, quality control and application design for the project. His engineering contributions have helped us ensure consistency and best practices are enforced wherever possible. Sindre also leads up development of the TodoMVC application spec.\n\n#### [Pascal Hartig](https:\u002F\u002Fgithub.com\u002Fpassy) - Developer\n\n\u003Cimg align=\"left\" width=\"40\" height=\"40\" src=\"https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F9906?v=4&s=40\">\nPascal is a Software Engineer at Twitter with a deep passion for consistency. He watches pull requests and helps developers getting their contributions integrated with TodoMVC.\n\n#### [Stephen Sawchuk](https:\u002F\u002Fgithub.com\u002Fstephenplusplus) - Developer\n\n\u003Cimg align=\"left\" width=\"40\" height=\"40\" src=\"https:\u002F\u002Favatars3.githubusercontent.com\u002Fu\u002F723048?v=2&s=40\">\nStephen is a Front-end Engineer at Quicken Loans that cares about improving the maintainability and developer experience of open-source projects. His recent contributions include helping us move all apps over to using Bower and implementing the new information bar.\n\n#### [Colin Eberhardt](https:\u002F\u002Fgithub.com\u002Fcolineberhardt) - Developer\n\n\u003Cimg align=\"left\" width=\"40\" height=\"40\" src=\"https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F1098110?v=4&s=40\">\nColin is a software consultant at Scott Logic who is passionate about all software - from JavaScript to Java, and C# to Objective-C. His recent contribution to the project has been a fully automated test suite.\n\n#### [Sam Saccone](https:\u002F\u002Fgithub.com\u002Fsamccone) - Developer\n\n\u003Cimg align=\"left\" width=\"40\" height=\"40\" src=\"https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F883126?v=4&s=40\">\nSam is a Software Engineer at Google who is driven by an endless desire to create, solve problems, and improve developers' lives.\n\n#### [Arthur Verschaeve](https:\u002F\u002Fgithub.com\u002Farthurvr) - Developer\n\n\u003Cimg align=\"left\" width=\"40\" height=\"40\" src=\"https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F6025224?v=4&s=40\">\nArthur is an open-source fanboy from Belgium. He is passionate about developer tooling and all things JavaScript.\n\n#### [Fady Samir Sadek](https:\u002F\u002Fgithub.com\u002FFadySamirSadek) - Developer\n\n\u003Cimg align=\"left\" width=\"40\" height=\"40\" src=\"https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F7483806?v=4&s=40\">\nFady is a front-end developer who loves all things JavaScript and enjoys solving real world problems using the web platform and helping other developers do the same. He currently leads maintenance of the project and ensures that the project is friendly for new contributors and upcoming developers.\n\n#### [Gianni Chiappetta](https:\u002F\u002Fgithub.com\u002Fgf3) - Logo designer\n\n\u003Cimg align=\"left\" width=\"40\" height=\"40\" src=\"https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F18397?v=4&s=40\">\nGianni is a programmer and designer currently working as the Chief Rigger at MetaLab.\n\n## Disclaimer\n\n\u003Cimg align=\"right\" width=\"230\" height=\"230\" src=\"media\u002Ficon-small.png\">\n\nTodoMVC has been called many things including the 'Speed-dating' and 'Rosetta Stone' of JavaScript frameworks. Whilst we hope that this project can offer assistance in deciding what frameworks are worth spending more time looking at, remember that the Todo application offers a limited view of a framework's potential capability.\n\nIt is meant to be used as a gateway to reviewing how a basic application using a framework may be structured, and we heavily recommend investing time researching a solution in more depth before opting to use it.\n\nAlso, please keep in mind that TodoMVC is not the perfect way to compare the size of different frameworks. We intentionally use the unminified versions to make reading the source code easier.\n\n\n## Getting Involved\n\nWhilst we enjoy implementing and improving existing Todo apps, we're always interested in speaking to framework authors (and users) wishing to share Todo app implementations in their framework\u002Fsolution of choice.\n\nCheck out our [contribution docs](contributing.md) for more info.\n\n\n## License\n\nEverything in this repo is MIT License unless otherwise specified.\n\n[MIT](license.md) © Addy Osmani, Sindre Sorhus, Pascal Hartig, Stephen Sawchuk.\n","TodoMVC 是一个帮助开发者选择 JavaScript 框架的项目，提供了使用 React.js、Angular、Vue 等多种流行框架实现的相同待办事项应用。其核心功能在于通过一致的应用规范（包括添加、编辑、切换、过滤、路由和清除已完成任务等）来展示不同框架的语法、结构及编程风格，便于直接对比。该项目特别适合于需要评估或学习不同前端框架特性的开发人员，以及希望了解各种框架在构建可扩展 Web 应用时表现如何的技术团队。此外，它还支持使用 AI 编码助手生成新框架下的 TodoMVC 实现，进一步拓宽了其实用性。",2,"2026-06-11 02:51:23","top_language"]