[{"data":1,"prerenderedAt":196},["ShallowReactive",2],{"project-20931439":3},{"id":4,"name":5,"line":5,"line_source":6,"title":7,"url":8,"domain":9,"maker":10,"posted_at":11,"year":12,"points":13,"comments":14,"rank_in_year":15,"shown_in_year":16,"top":17,"tier":18,"category":19,"subcategory":20,"format":21,"keywords":22,"reception":27,"sentiment":28,"stance_mix":29,"scored_comments":32,"aspects":33,"strip":37,"post_text":28,"what":40,"said":73,"maker_in_thread":134,"shape":139,"grid":141,"attempts":155,"same_week":160,"maker_shows":38,"maker_hidden":189,"reader_version":190,"card":191},"20931439","A TypeScript Playground for RX JS","title","Show HN: A TypeScript Playground for RX JS","https:\u002F\u002Fblog.hediet.de\u002Fpost\u002Fa_typescript_playground_for_rx_js","blog.hediet.de","Gehinnn",1568139676,2019,22,7,1133,2195,52,"shown","dev_tools","interactive playground","web_app",[23,24,25,26],"rxjs","reactive programming","typescript playground","marble diagrams","quiet",null,{"positive":30,"neutral":31,"mixed":30,"critical":31},2,0,4,{"design":34,"idea":36},{"positive":35,"critical":31},1,{"positive":35,"critical":31},[31,38,31,38,39,31,39],5,3,{"problem":41,"audience":48,"pricing":28,"motivation":56,"time_to_build":28,"stack":60,"openness":71,"stage":72,"team_size":71},{"value":42,"source":43,"evidence":44},"Helps RxJS beginners understand how operators and event streams behave over time","maker",[45],{"id":46,"by":10,"text":47},"20931477","I thought long about the pros and cons of letting time flow vertically rather than horizontally. In the end, I wanted to have the code editor to the right and the visualizer to…",{"value":49,"source":43,"evidence":50},"RxJS beginners and development teams learning operators",[51,52],{"id":46,"by":10,"text":47},{"id":53,"by":54,"text":55},"20939078","kingkiller","I'm still digging in and playing around, but I think this could be really useful in explaining RxJS operators to new team members. I think the pros outweigh the cons for the…",{"value":57,"source":43,"evidence":58},"Maker put much effort into it and believes it can help RxJS beginners; reposted after earlier post got little traction",[59],{"id":46,"by":10,"text":47},[61,67],{"value":62,"source":63,"evidence":64},"TypeScript","inferred",[65],{"id":66},"post",{"value":68,"source":63,"evidence":69},"RxJS",[70],{"id":66},"unknown","launched",{"praise":74,"objections":87,"requests":99,"questions":116,"alternatives":129},[75,80],{"value":76,"source":77,"evidence":78},"Useful for explaining RxJS operators to new team members","commenter",[79],{"id":53,"by":54,"text":55},{"value":81,"source":77,"evidence":82},"Excellent first start for showing how streams interact",[83],{"id":84,"by":85,"text":86},"20956729","gbear0","I've worked on a product does exactly this for displaying a geospatial view over time, and I find it relatively intuitive once you start playing with it. Here's a quick view in…",[88,95],{"value":89,"source":77,"evidence":90},"Hard to see connections between streams and which columns are inputs versus Rx streams",[91,94],{"id":92,"by":85,"text":93},"20967235","I think the most confusing part is trying to figure out the connection between the different streams\u002Fcolumns cause it's not obvious the effect that events from each individual…",{"id":84,"by":85,"text":86},{"value":96,"source":77,"evidence":97},"Vertical time layout is less intuitive than horizontal",[98],{"id":53,"by":54,"text":55},[100,107,111],{"value":101,"source":77,"evidence":102},"Support for IxJS alongside RxJS",[103],{"id":104,"by":105,"text":106},"20956408","michaelsbradley","Nice work! It would be cool if the playground supported bringing IxJS into the mix. I've found it difficult to explain to my team members how Ix and Rx can complement one…",{"value":108,"source":77,"evidence":109},"Option to render timeline horizontally",[110],{"id":53,"by":54,"text":55},{"value":112,"source":77,"evidence":113},"Fading connector lines between events on different streams",[114,115],{"id":84,"by":85,"text":86},{"id":92,"by":85,"text":93},[117,123],{"value":118,"source":43,"evidence":119},"Which operators do users miss most in the demos",[120],{"id":121,"by":10,"text":122},"20957169","Thanks ;) I'll keep it in mind! Which operators do you miss most in the demos?",{"value":124,"source":43,"evidence":125},"What exactly was confusing in the interface",[126],{"id":127,"by":10,"text":128},"20957197","What exactly did confuse you? I don't understand how the fading should work, as the visualization is not realtime but rather abstracts time away.",[130],{"value":131,"source":77,"evidence":132},"Sequence diagrams and marble diagrams",[133],{"id":84,"by":85,"text":86},{"comments":39,"answered":30,"key":135},[136,137,138],{"id":46,"text":47},{"id":121,"text":122},{"id":127,"text":128},{"commenters":32,"max_depth":32,"maker_replies":39,"first_comment_mins":30,"lifespan_hours":140},76,[142,144,146,148,150,152,154],[46,31,31,143,10,35],"project\u002Fneutral\u002Fdesign",[53,31,38,145,54,31],"project\u002Fpositive\u002Fdesign",[121,31,31,147,10,35],"maker\u002Fneutral\u002Fnone",[104,31,38,149,105,31],"project\u002Fpositive\u002Fidea",[84,31,39,151,85,31],"project\u002Fmixed\u002Fdesign",[127,31,31,153,10,35],"maker\u002Fneutral\u002Fdesign",[92,31,39,151,85,31],[156,159],{"id":157,"t":158,"points":32,"comments":31},"20917193",1568029377,{"id":4,"t":11,"points":13,"comments":14},[161,165,170,175,180,185],{"id":162,"name":163,"points":164,"category":19},"20923792","augmented-ui",775,{"id":166,"name":167,"points":168,"category":169},"20929801","3dforreddit",720,"consumer_social",{"id":171,"name":172,"points":173,"category":174},"20914236","Senior Engineer's CheckList",662,"learning_science",{"id":176,"name":177,"points":178,"category":179},"20903558","Soso",233,"infrastructure",{"id":181,"name":182,"points":183,"category":184},"20927585","tweetjobs",189,"productivity",{"id":186,"name":187,"points":188,"category":174},"20929774","The Whole Code Catalog",156,false,"v2",{"id":192,"name":5,"line":5,"ai":189,"cat":19,"year":12,"points":13,"comments":14,"rec":27,"s":28,"top":17,"kw":193,"maker":10,"domain":9,"tier":18,"attempts":30,"strip":194,"url":8,"mix":195,"praise":76,"objection":89,"sub":20},20931439,[23,24,25,26],"0505303",[30,31,30,31],1793990994462]