Add new samples for UI frameworks

[mhegazy]

We need some new samples using some of the newer UI frameworks:

• angular 1.0
• aurelia
• ember
• react

[yuit]

For documentation and reference, I think Basarat has sample for TypeScript + AngularJS (https://github.com/basarat/todomvc-typescript)

[DanielRosenwasser]

Pinging @basarat - we'll have to wait for @mhegazy to come back and figure things out, but just wanted to loop you in on it.

[basarat]

That sample uses --out. I'd rather create a new one that uses amd.

For React : @pspeter3 from asana and @fdecampredon
For Aurelia : @cmichaelgraham (obviously 🌹) (code: https://github.com/cmichaelgraham/aurelia-typescript)

[pspeter3]

I could write a sample for TypeScript and React. Is there anything that you think makes a particularly good sample?

[DanielRosenwasser]

Actually @yuit also suggested we contact the others offline after the original comment, but I wasn't sure if it would be appropriate to trouble everyone. Glad we're not coming off as imposing. 😄

@pspeter3 we'd really appreciate that! While I don't want to put words in @mhegazy's mouth, I think we'd be willing to take contributions.

That sample uses --out. I'd rather create a new one that uses amd.

@basarat, I think that would be appropriate given the way I understand most projects in TS are being written now.

Is there anything that you think makes a particularly good sample?

Discussed with @danquirk today - a sample doesn't need to be anything particularly crazy. While a bunch of TodoMVC samples may sound a little contrived, it's not actually the worst idea. The real point is to help users understand how to write a project using TypeScript with their preferred framework. If the first thing a user learns is to write TodoMVC, that could help tremendously, plus the samples could be contributed to http://todomvc.com/.

On the other hand, if you feel like your creativity is being stifled, you can go ahead and come up with something interesting to engage a new TypeScript user. Just keep in mind that the sample primarily serves an educational purpose, and complexity will run counter to that goal.

[mhegazy]

@pspeter3 we would definitely be happy to accept new samples. Please do send us a PR! As for the sample idea, i would pick something that showcases the capabilities of the framework you are targeting. also feel free to pull in any supporting technologies that are needed (e.g. jade, less, sass, mocha... etc..). Take a look at the existing samples for imageboard for an example.

[basarat]

Sorry for the long delay. I've given it a lot of thought at the back of my mind. There are a 100 ways to organize angular projects and there is no simple this is the way that scales indefinitely. I've done something custom and so does anybody else that has real world requirements. That said the official angular 1.x seed project is https://github.com/angular/angular-seed. I'll just tsify that and PR this weekend 🌹

[basarat]

@pspeter3 I can try and create a sample (most probably just a Readme.md) based on the official getting started guide : https://facebook.github.io/react/docs/getting-started.html Using the latest tsx support in typescript master.

If you've already done some work then I won't do this 🌹

[mhegazy]

@RyanCavanaugh do you have a seed for a jsx sample that you can share? just to save effort duplication.