PageRenderTime 48ms CodeModel.GetById 23ms RepoModel.GetById 0ms app.codeStats 0ms

/examples/typescript-react/readme.md

https://gitlab.com/yawenzou/todomvc
Markdown | 80 lines | 48 code | 32 blank | 0 comment | 0 complexity | e9663d47c61949fc3a77ca9a5d969cf8 MD5 | raw file
    

  1. # TypeScript & React TodoMVC Example
    2. 

  2. 

  3. > 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.
    4. 

  4. 

  5. > _[TypeScript - typescriptlang.org](http://typescriptlang.org)_
    6. 

  6. 

  7. > 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.
    8. 

  8. 

  9. > _[React - facebook.github.io/react](http://facebook.github.io/react)_
    10. 

  10. 

  11. ## Learning TypeScript
    12. 

  12. 

  13. The [TypeScript website](http://typescriptlang.org) is a great resource for getting started.
    14. 

  14. 

  15. Here are some links you may find helpful:
    16. 

  16. 

  17. * [Tutorial](http://www.typescriptlang.org/Tutorial)
    18. 

  18. * [Code Playground](http://www.typescriptlang.org/Playground)
    19. 

  19. * [Documentation](https://github.com/Microsoft/TypeScript/wiki)
    20. 

  20. * [Applications built with TypeScript](http://www.typescriptlang.org/Samples)
    21. 

  21. * [Blog](http://blogs.msdn.com/b/typescript)
    22. 

  22. * [Source Code](https://github.com/Microsoft/TypeScript)
    23. 

  23. 

  24. Articles and guides from the community:
    25. 

  25. 

  26. * [Thoughts on TypeScript](http://www.nczonline.net/blog/2012/10/04/thoughts-on-typescript)
    27. 

  27. * [ScreenCast - Why I Like TypeScript](http://www.leebrimelow.com/why-i-like-typescripts)
    28. 

  28. 

  29. Get help from other TypeScript users:
    30. 

  30. 

  31. * [TypeScript on StackOverflow](http://stackoverflow.com/questions/tagged/typescript)
    32. 

  32. * [Forums](https://github.com/Microsoft/TypeScript/issues)
    33. 

  33. * [TypeScript on Twitter](http://twitter.com/typescriptlang)
    34. 

  34. 

  35. _If you have other helpful links to share, or find any of the links above no longer work, please [let us know](https://github.com/tastejs/todomvc/issues)._
    36. 

  36. 

  37. ## Learning React
    38. 

  38. 

  39. The [React getting started documentation](http://facebook.github.io/react/docs/getting-started.html) is a great way to get started.
    40. 

  40. 

  41. Here are some links you may find helpful:
    42. 

  42. 

  43. * [Documentation](http://facebook.github.io/react/docs/getting-started.html)
    44. 

  44. * [API Reference](http://facebook.github.io/react/docs/reference.html)
    45. 

  45. * [Blog](http://facebook.github.io/react/blog/)
    46. 

  46. * [React on GitHub](https://github.com/facebook/react)
    47. 

  47. * [Support](http://facebook.github.io/react/support.html)
    48. 

  48. 

  49. Articles and guides from the community:
    50. 

  50. 

  51. * [How is Facebook's React JavaScript library](http://www.quora.com/React-JS-Library/How-is-Facebooks-React-JavaScript-library)
    52. 

  52. * [React: Under the hood](http://www.quora.com/Pete-Hunt/Posts/React-Under-the-Hood)
    53. 

  53. 

  54. Get help from other React users:
    55. 

  55. 

  56. * [React on StackOverflow](http://stackoverflow.com/questions/tagged/reactjs)
    57. 

  57. * [Discussion Forum](https://discuss.reactjs.org/)
    58. 

  58. 

  59. _If you have other helpful links to share, or find any of the links above no longer work, please [let us know](https://github.com/tastejs/todomvc/issues)._
    60. 

  60. 

  61. 

  62. 

  63. ## Running
    64. 

  64. 

  65. A standalone TypeScript compiler is available on NPM.
    66. 

  66. 

  67. 	npm install typescript
    68. 

  68. 

  69. To compile the TypeScript in this project:
    70. 

  70. 

  71. 	# from examples/typescript-react
    72. 

  72. 	$ tsc -p js
    73. 

  73. 

  74. To be able to run the output JS files in the browser:
    75. 

  75. 

  76. 	# from examples/typescript-react
    77. 

  77. 	$ npm install -g browserify
    78. 

  78. 	$ browserify js/app.js -o js/bundle.js
    79. 

  79. 

  80. To run the app, spin up an HTTP server (e.g. `python -m SimpleHTTPServer`) and visit http://localhost/.../myexample/.
    81. 

  81.