/broken-todo

Primary LanguageTypeScript

TypeScript & React TodoMVC Example

TypeScript is a language for application-scale JavaScript development. TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. Any browser. Any host. Any OS. Open Source.

TypeScript - typescriptlang.org

React is a JavaScript library for creating user interfaces. Its core principles are declarative code, efficiency, and flexibility. Simply specify what your component looks like and React will keep it up-to-date when the underlying data changes.

React - facebook.github.io/react

Learning TypeScript

The TypeScript website is a great resource for getting started.

Here are some links you may find helpful:

Articles and guides from the community:

Get help from other TypeScript users:

If you have other helpful links to share, or find any of the links above no longer work, please let us know.

Learning React

The React getting started documentation is a great way to get started.

Here are some links you may find helpful:

Articles and guides from the community:

Get help from other React users:

If you have other helpful links to share, or find any of the links above no longer work, please let us know.

Running

A standalone TypeScript compiler is available on NPM.

`$ npm install`

To compile the TypeScript in this project:

`$ npm run build && npm start`

Problems found so far

  • If we insert two similar todos ("test") we get this warning in the console: "backend.js:1 Warning: Encountered two children with the same key, test"
  • http://localhost:4200/#/completed loads all items instead of the completed ones
  • If we mark two consecutive items as completed and press "clear completed" only of of those is deleted
  • toggleAll (the arrow left to the text input) isn't toggling the todo taks, but it's affecting the info in the footer (# items left and "clear completed")