[{"data":1,"prerenderedAt":217},["ShallowReactive",2],{"project-22097660":3},{"id":4,"name":5,"line":6,"line_source":7,"title":8,"url":9,"domain":10,"maker":11,"posted_at":12,"year":13,"points":14,"comments":15,"rank_in_year":16,"shown_in_year":17,"top":18,"tier":19,"category":20,"subcategory":21,"format":22,"keywords":23,"reception":28,"sentiment":29,"stance_mix":30,"scored_comments":34,"aspects":35,"strip":39,"post_text":41,"what":42,"said":75,"maker_in_thread":138,"shape":147,"grid":150,"attempts":179,"same_week":180,"maker_shows":32,"maker_hidden":209,"reader_version":210,"card":211},"22097660","React Tutorial","A browser based interactive React course","title","Show HN: I built a browser based interactive React course","https:\u002F\u002Freact-tutorial.app","react-tutorial.app","jadjoubran",1579513352,2020,24,14,1545,3028,52,"shown","learning_science","interactive coding course","web_app",[24,25,26,27],"react course","learn react","interactive tutorial","javascript lessons","mixed",0.125,{"positive":31,"neutral":32,"mixed":32,"critical":33},1,3,0,7,{"design":36,"pricing":37,"performance":38},{"positive":31,"critical":33},{"positive":33,"critical":33},{"positive":33,"critical":33},[33,32,33,32,33,32,33,40,33,32,33,32,32,33],5,null,{"problem":43,"audience":50,"pricing":54,"motivation":41,"time_to_build":41,"stack":62,"openness":73,"stage":74,"team_size":73},{"value":44,"source":45,"evidence":46},"Learning React interactively in the browser","maker",[47],{"id":48,"by":11,"text":49},"22097669","Hey HN, I would love to get your feedback on my new course for React. It's an interactive platform (built on top of learnjavascript.online) that teaches React in the browser by…",{"value":51,"source":45,"evidence":52},"Students learning React",[53],{"id":48,"by":11,"text":49},{"value":55,"source":56,"evidence":57},"Free tier with paid content","commenter",[58],{"id":59,"by":60,"text":61},"22097943","datene","Just got started and I particularly like the flashcards, seems like a nice and simple way to practice regularly. The free tier of the app is also a nice and complete way to get…",[63,67],{"value":64,"source":45,"evidence":65},"React",[66],{"id":48,"by":11,"text":49},{"value":68,"source":45,"evidence":69},"Monaco editor",[70],{"id":71,"by":11,"text":72},"22097779","On desktop this is [monaco-editor](https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002Fmonaco-editor) It's actually the same editor behind VSCode but this is a version that runs in the browser rather…","unknown","beta",{"praise":76,"objections":95,"requests":107,"questions":118,"alternatives":130},[77,84,88],{"value":78,"source":56,"evidence":79},"Interactive editor and integrated test runner",[80],{"id":81,"by":82,"text":83},"22097773","PascalPrecht","Hey Jad, I just took a look at your course platform and it looks really interesting! I like the interactive editor and also the fact that it comes with an integrated test runner.…",{"value":85,"source":56,"evidence":86},"Flashcards help regular practice",[87],{"id":59,"by":60,"text":61},{"value":89,"source":56,"evidence":90},"Compilation runs in browser from static page",[91],{"id":92,"by":93,"text":94},"22132370","mc3","Can I ask is compilation happening inside the browser, or does it talk to a backend. I like the idea that it happens in the browser and it is served from a static page.",[96,100],{"value":97,"source":56,"evidence":98},"Landing page not selling the platform strongly enough",[99],{"id":81,"by":82,"text":83},{"value":101,"source":56,"evidence":102},"Content gated behind sign-up",[103],{"id":104,"by":105,"text":106},"22110862","__app_dev__","Great site jadjoubran! This one and your JavaScript site look very nice. I would recommend allowing one or two pages for free without a login so anyone can try without the need…",[108,112],{"value":109,"source":56,"evidence":110},"Allow a few pages free without login",[111],{"id":104,"by":105,"text":106},{"value":113,"source":56,"evidence":114},"Allow skipping forward to future lessons",[115],{"id":116,"by":93,"text":117},"22124299","looks very sweet! I like the UI more then Scrimba. One suggestion is the ability to skip forward to future lessons using the navigation on the left. I wanted to do that to see…",[119,123],{"value":120,"source":56,"evidence":121},"Is compilation done in browser or on a backend",[122],{"id":92,"by":93,"text":94},{"value":124,"source":56,"evidence":125},"Which editor is embedded",[126],{"id":127,"by":128,"text":129},"22097769","brennanbl","What editor are you embedding?",[131],{"value":132,"source":56,"evidence":133},"Scrimba",[134],{"id":135,"by":136,"text":137},"22115678","quickthrower2","I’ll take a look. I have just finished courses on scrimba.com which sounds like a similar idea.",{"comments":34,"answered":31,"key":139},[140,141,144],{"id":48,"text":49},{"id":142,"text":143},"22097786","good point, this is still an MVP so had to make a quick landing page thanks for the feedback!",{"id":145,"text":146},"22116204","thanks for the feedback! Funny that this was a feature I had before deploying but the designer told me it's a bad idea I should have kept it Working on adding it soon",{"commenters":34,"max_depth":32,"maker_replies":34,"first_comment_mins":148,"lifespan_hours":149},2,95,[151,153,155,157,159,161,163,165,167,169,171,174,175,178],[48,33,33,152,11,31],"project\u002Fneutral\u002Fidea",[81,33,32,154,82,33],"project\u002Fmixed\u002Fdesign",[142,33,33,156,11,31],"maker\u002Fneutral\u002Fdesign",[104,33,32,158,105,33],"project\u002Fmixed\u002Fpricing",[145,33,33,160,11,31],"maker\u002Fneutral\u002Fpricing",[92,31,32,162,93,33],"project\u002Fneutral\u002Fperformance",[164,31,33,162,11,31],"22136513",[59,148,40,166,60,33],"project\u002Fpositive\u002Fdesign",[168,148,33,160,11,31],"22098019",[135,32,32,170,136,33],"project\u002Fneutral\u002Fnone",[172,32,33,173,11,31],"22116207","maker\u002Fneutral\u002Fnone",[116,32,32,154,93,33],[127,176,32,177,128,33],4,"project\u002Fneutral\u002Fdesign",[71,176,33,177,11,31],[],[181,186,191,195,200,204],{"id":182,"name":183,"points":184,"category":185},"22063744","No-Bullshit Games",520,"games",{"id":187,"name":188,"points":189,"category":190},"22073037","ESQLate",505,"dev_tools",{"id":192,"name":193,"points":194,"category":190},"22081419","OneDev",459,{"id":196,"name":197,"points":198,"category":199},"22091603","A set of standard document templates",433,"productivity",{"id":201,"name":202,"points":203,"category":199},"22065333","Screenshot Hero",429,{"id":205,"name":206,"points":207,"category":208},"22077052","sixty5o2",230,"hardware",false,"v2",{"id":212,"name":5,"line":6,"ai":209,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":213,"top":18,"kw":214,"maker":11,"domain":10,"tier":19,"attempts":33,"strip":215,"url":9,"mix":216,"praise":78,"objection":97,"sub":21},22097660,0.13,[24,25,26,27],"03030305030330",[31,32,32,33],1794036585673]