Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Show HN: Codewich – A live-updating TypeScript/CSS/HTML playground

codewich.com

Post reply on HN
Print view View original

1–10 of 52 posts

Re: Show HN: Codewich – A live-updating TypeScript/CSS/HTML playground

#2

Post by calebegg »

I've found that there's almost no "first class" support for TypeScript in similar apps like JSFiddle, Codepen, Plunker, etc. If they do support it, it's only the syntax, not the autocomplete and error highlighting (the cool parts!). So I decided to try making my own.

Here are a few quick things I've written with it so far: https://goo.gl/zZy697 ("Flocking" behavior in a simple particle system) https://goo.gl/1q2kmr (Draw tiling patterns on a canvas) https://goo.gl/aio1rm (CSS-only card flip animation)

Re: Show HN: Codewich – A live-updating TypeScript/CSS/HTML playground

#5

Post by ohitsdom »

calebegg wrote: post #2

I've found that there's almost no "first class" support for TypeScript in similar apps like JSFiddle, Codepen, Plunker, etc. If they do support it, it's only the syntax, not the autocomplete and error highlighting (the cool parts!). So I decided to try making my own. Here are a few quick things I've written with it so far: https://goo.gl/zZy697 ("Flocking" behavior in a simple particle system) https://goo.gl/1q2kmr (…

It was really fun to change some values in your Flocking script and see how the particles react.

Re: Show HN: Codewich – A live-updating TypeScript/CSS/HTML playground

#9

Post by d--b »

calebegg wrote: post #6
d--b wrote: post #4

I like the way you did intellisense, it's flawless.

I can't really take credit for that; it's pretty much provided out of the box with Monaco (the editor used in VS Code): https://github.com/Microsoft/monaco-editor

ha :) good to know!

Re: Show HN: Codewich – A live-updating TypeScript/CSS/HTML playground

#10

Post by beaconstudios »

Nicksil wrote: post #3

This looks interesting. I've been wanting to mess about with TypeScript, but had only gone so far as scanning through the tutorials/intros. Nice to have a sandbox setup from the start. Also, really enjoying your "Flocking" script. Well done.

I use TypeScript in my startup - it's great and provides a lot more code stability over raw JavaScript but as you build up your type definitions you will likely hit a "roof" where TS doesn't support the next feature you would logically want. There's also no reflection on interfaces (as they're a purely compile-time construct like C macros) which sucks if you want no-noise DI. But overall it's really awesome and getting better with every release.
Post reply on HN