[{"data":1,"prerenderedAt":520},["ShallowReactive",2],{"project-43771365":3},{"id":4,"name":5,"line":6,"line_source":7,"title":8,"url":9,"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":26,"sentiment":27,"stance_mix":28,"scored_comments":33,"aspects":34,"strip":43,"post_text":45,"what":46,"said":87,"maker_in_thread":236,"shape":245,"grid":249,"attempts":482,"same_week":483,"maker_shows":37,"maker_hidden":512,"reader_version":513,"card":514},"43771365","Scrimba","Node.js video tutorials where you can edit and run the code","title","Show HN: Node.js video tutorials where you can edit and run the code",null,"somebee",1745411749,2025,258,89,226,3837,6,"legend","learning_science","interactive coding tutorials","web_app",[20,23,24,25],"node.js course","fullstack learning","video code editor","loved",0.45,{"positive":29,"neutral":30,"mixed":31,"critical":32},26,28,2,4,60,{"execution":35,"idea":38,"docs":41,"design":42},{"positive":36,"critical":37},1,3,{"positive":39,"critical":40},9,0,{"positive":40,"critical":40},{"positive":36,"critical":36},[44,40,44,44,36,44,40,40,37,40,37,44,44,37,44,44,37,44,44,37,37,40,44,37,37,36,37,40,36,37,44,44,37,44,37,32,37,37,44,44],5,"Hey HN,\n\nI'm Sindre, CTO of Scrimba (YC S20). We originally launched Scrimba to make video learning more interactive for aspiring frontend developers. So instead of passively watching videos, you can jump in an experiment with the code directly inside the video player. Since launch, almost two million people have used Scrimba to grow their skills.\n\nHowever, one limitation is that we've only supported frontend code, as our interactive videos run in the browser, whereas most of our learners want to go fullstack—building APIs, handling auth, working with databases, and so forth.\n\nTo fix this, we ",{"problem":47,"audience":53,"pricing":9,"motivation":57,"time_to_build":61,"stack":65,"openness":84,"stage":85,"team_size":86},{"value":48,"source":49,"evidence":50},"Passive coding videos don't let learners run and edit code while watching","maker",[51],{"id":52},"post",{"value":54,"source":49,"evidence":55},"Aspiring frontend and fullstack developers; open-source maintainers and API teams wanting interactive docs",[56],{"id":52},{"value":58,"source":49,"evidence":59},"Make video learning interactive and let learners go fullstack with Node.js",[60],{"id":52},{"value":62,"source":49,"evidence":63},"6 months integrating WebContainers",[64],{"id":52},[66,70,74],{"value":67,"source":49,"evidence":68},"Imba",[69],{"id":52},{"value":71,"source":49,"evidence":72},"StackBlitz WebContainers",[73],{"id":52},{"value":75,"source":49,"evidence":76},"Monaco editor",[77,81],{"id":78,"by":79,"text":80},"43780710","fullstackchris","Very impressive and cool stuff! This shares similar themes to what I'm building over at https:\u002F\u002Fstudio.codevideo.io - I also chose to go with an event sourcing solution. I…",{"id":82,"by":10,"text":83},"43771912","Will try to push a fix in the next few hours. We are instantiating the monaco editor with a custom font (Source Code Pro) before we're sure the font has loaded, which throws of…","unknown","launched","company",{"praise":88,"objections":121,"requests":150,"questions":187,"alternatives":210},[89,105,114],{"value":90,"source":91,"evidence":92},"Interactive format is great for learning programming","commenter",[93,97,101],{"id":94,"by":95,"text":96},"43772067","porsager","Imba is probably one of the best kept web development secrets! Sindre has done a remarkable job of making an insanely terse while powerfull language for building web…",{"id":98,"by":99,"text":100},"43771888","benslv","I taught myself React using the Scrim a platform, so I feel very supportive and thankful to you for building it. Being able to directly interact with the code being shown…",{"id":102,"by":103,"text":104},"43772681","hairama","At the end of 2023 Sony & Steam informed me that I spent hundreds of hours playing games. “Hundreds of hours?!? With that much time I could learn to play the piano or speak…",{"value":106,"source":91,"evidence":107},"Helped commenters learn React and other frameworks",[108,109,110],{"id":98,"by":99,"text":100},{"id":102,"by":103,"text":104},{"id":111,"by":112,"text":113},"43781044","sam98brown","Scrimba is fantastic and has helped me a lot",{"value":115,"source":91,"evidence":116},"Impressive integration of the console and editor",[117],{"id":118,"by":119,"text":120},"43772516","seansh","This looks fantastic! I’ve been seeing a growing number of tools trying to bring more interactivity to programming tutorials and for good reason. Screencasts are too passive, and…",[122,129,139,146],{"value":123,"source":91,"evidence":124},"Cursor offset and typing position bugs in the editor",[125],{"id":126,"by":127,"text":128},"43771869","hliyan","Minor issue, Chrome on Windows: cursor position seems to have an offset error -- can never quite get to the end of a line. As you type, text doesn't quite appear where the cursor…",{"value":130,"source":91,"evidence":131},"Login and browser dependency problems, such as email confirmation",[132,136],{"id":133,"by":134,"text":135},"43863325","ForOldHack","It has the possibility of being really really cool, but after using it for a 5 day tutorial: 1. There is a cross dependence on the mail server: I used live.com to log in, and was…",{"id":137,"by":134,"text":138},"43817609","This is very interesting, but ran into some weird problems. Was using FireFox nightly, until it decided that ALL MY RAM ARE BELONG TO US... ( two 8G processes ) so switched to…",{"value":140,"source":91,"evidence":141},"Only JavaScript supported so far",[142],{"id":143,"by":144,"text":145},"43771584","revskill","Awesome. But only JS is supported ?",{"value":147,"source":91,"evidence":148},"Hard to embed code in own editor or match fonts and themes",[149],{"id":133,"by":134,"text":135},[151,166,173,180],{"value":152,"source":91,"evidence":153},"Support for more languages such as Python, Rust, Go and Nix",[154,158,162],{"id":155,"by":156,"text":157},"43774854","serial_dev","Will this support other languages, too? Would love to have Rust, Dart, Python, or basically any other language having this, even if it doesn’t have all the features",{"id":159,"by":160,"text":161},"43778743","lud_lite","Scrimba taught me React back in 2021. I recently checked if there was a Go course there, but sadly not. However with this announcement hopefully soon. Why I like Scrimba? The…",{"id":163,"by":164,"text":165},"43777694","setheron","I logged in but I am not sure how to add video to a \"Scrim\". I'd love to create some Nix (https:\u002F\u002Fnixos.org\u002F) content. Is this possible?",{"value":167,"source":91,"evidence":168},"Mobile support",[169],{"id":170,"by":171,"text":172},"43778147","abaymado","This is phenomenon! I am an iOS Engineer, not sure if you ever want to bring this to mobile but I would be happy to contribute.",{"value":174,"source":91,"evidence":175},"Open source options",[176],{"id":177,"by":178,"text":179},"43784813","trundle-drit","Awesome, always wanted something like this! Do you have any plans for open source (beyond Imba)? I think it would be worth it, for the sake of education, and growing a community.…",{"value":181,"source":91,"evidence":182},"Ability to create private or paid courses",[183],{"id":184,"by":185,"text":186},"43774375","nozzlegear","I'm trying to find more information about creating videos\u002Fcourses with Scrimba, but most of the info on your website is geared toward consuming content. I see that it's possible…",[188,196,203],{"value":189,"source":91,"evidence":190},"How to create courses and embed them on a blog",[191,195],{"id":192,"by":193,"text":194},"43779426","whiddershins","So can I just sign up and get started using it on my blog, or how does this work?",{"id":184,"by":185,"text":186},{"value":197,"source":91,"evidence":198},"How persistent state and database access work across sessions",[199],{"id":200,"by":201,"text":202},"43779587","badmonster","Quick question: how are you handling persistent state or database access across sessions in the browser-based Node.js environment?",{"value":204,"source":91,"evidence":205},"Whether the web preview is saved as video or rendered live",[206],{"id":207,"by":208,"text":209},"43772784","seveibar","Would love to use this for interactive tscircuit tutorials! Is it easy to create a course? The output looks great! Is the web preview saved as a video or rendered dynamically? In…",[211,222,229],{"value":212,"source":91,"evidence":213},"Codecast",[214,218],{"id":215,"by":216,"text":217},"43780944","remisharrock","We also created a while back codecast for my courses in c programming. I also have Linux running entirely in the browser. And the c programming language \"running\" fully in the…",{"id":219,"by":220,"text":221},"43771622","kamikazeturtles","Scrimba is really cool. When I first got into programming, a few years ago, I tried to build something similar using rrweb but with server side code execution in docker…",{"value":223,"source":91,"evidence":224},"CodeSchool",[225],{"id":226,"by":227,"text":228},"43774142","giancarlostoro","CodeSchool used to be interactive until PluralSight bought them out, then pulled in all the videos, but kept none of the interactivity. Shame. There's also the Processing…",{"value":230,"source":91,"evidence":231},"The Code Player",[232],{"id":233,"by":234,"text":235},"43789187","atum47","The Code Player - https:\u002F\u002Fthecodeplayer.com\u002F Just remembered.",{"comments":37,"answered":31,"key":237},[238,239,242],{"id":82,"text":83},{"id":240,"text":241},"43771629","Right now, only js is supported out of the box, but I guess any language that can run via web assembly or other techniques could work. WebContainers has experimental python…",{"id":243,"text":244},"43774789","We are finalizing an electron app as we speak. That will allow recording anything that runs on your own system",{"commenters":246,"max_depth":44,"maker_replies":37,"first_comment_mins":247,"lifespan_hours":248},55,20,201,[250,252,256,260,263,265,268,269,272,274,276,277,279,282,284,287,290,293,297,300,303,306,309,311,313,314,316,320,323,325,328,330,333,336,339,341,343,346,348,352,354,358,360,362,366,370,373,375,377,379,381,383,386,388,390,393,394,395,397,399,402,404,406,407,412,415,418,421,423,426,430,433,437,439,441,444,446,448,452,454,456,458,459,461,462,466,470,474,478],[118,40,44,251,119,40],"project\u002Fpositive\u002Fexecution",[253,40,40,254,255,40],"43772667","commenter\u002Fneutral\u002Fnone","mrborgen",[257,40,40,258,259,40],"43778088","other\u002Fneutral\u002Fnone","jasonjmcghee",[261,40,40,258,262,40],"43779715","oulipo",[264,40,40,258,259,40],"43779782",[266,40,44,267,119,40],"43779928","project\u002Fpositive\u002Fidea",[219,36,44,267,220,40],[270,36,37,271,255,40],"43772254","maker\u002Fneutral\u002Fidea",[273,36,40,258,216,40],"43781008",[133,36,36,275,134,40],"project\u002Fcritical\u002Fexecution",[215,31,40,258,216,40],[94,37,44,278,95,40],"project\u002Fpositive\u002Fnone",[280,37,40,258,281,40],"43772597","pier25",[283,37,40,258,95,40],"43772790",[285,37,40,258,286,40],"43773213","barrenko",[288,37,40,258,289,40],"43773656","evnp",[291,37,40,258,292,40],"43773428","flanbiscuit",[294,37,37,295,296,40],"43773530","project\u002Fneutral\u002Fdocs","gizzlon",[298,37,40,258,299,40],"43784142","trafnar",[301,37,40,258,302,40],"43773551","ushakov",[304,37,40,258,305,40],"43774328","ilrwbwrkhv",[307,37,40,258,308,40],"43789654","dang",[137,32,37,310,134,40],"project\u002Fmixed\u002Fexecution",[312,32,40,258,134,40],"43863884",[102,44,44,278,103,40],[315,44,37,271,255,40],"43772799",[317,44,37,318,319,40],"43775141","maker\u002Fneutral\u002Fnone","sylens",[321,17,44,278,322,40],"43775216","tomw1808",[324,17,37,318,255,40],"43775832",[184,326,37,327,185,40],7,"project\u002Fneutral\u002Fnone",[329,326,37,318,255,40],"43779607",[159,331,44,332,160,40],8,"project\u002Fpositive\u002Fdesign",[334,39,44,267,335,40],"43774337","rglover",[337,39,44,338,255,40],"43776486","maker\u002Fpositive\u002Fnone",[340,39,37,318,335,40],"43777227",[342,39,37,318,255,40],"43779545",[78,344,37,345,79,40],10,"maker\u002Fneutral\u002Fexecution",[347,344,37,318,216,40],"43781018",[349,350,44,338,351,40],"43774922",11,"gavinray",[177,353,44,267,178,40],12,[355,356,44,267,357,40],"43771707",13,"ahmadrosid",[207,359,44,267,208,40],14,[361,359,37,345,255,40],"43772985",[363,364,37,310,365,40],"43772476",15,"zersiax",[367,368,37,369,286,40],"43773297",16,"project\u002Fneutral\u002Fidea",[371,368,40,258,372,40],"43773874","ach9l",[374,368,40,254,185,40],"43774191",[376,368,40,254,372,40],"43774350",[378,368,40,254,185,40],"43776622",[163,380,37,327,164,40],17,[382,380,44,278,262,40],"43779721",[384,380,37,385,255,40],"43780275","maker\u002Fneutral\u002Fdocs",[387,380,37,327,164,40],"43863562",[98,389,44,278,99,40],18,[391,392,36,275,262,40],"43779709",19,[126,247,36,275,127,40],[82,247,40,345,10,36],[155,396,37,327,156,40],21,[398,396,37,318,255,40],"43779531",[400,401,40,258,234,40],"43778117",22,[403,401,40,254,262,40],"43779724",[405,401,40,258,234,40],"43787365",[233,401,40,258,234,40],[408,409,36,410,411,40],"43772697",23,"project\u002Fcritical\u002Fdesign","nailer",[413,409,40,254,414,40],"43773093","TIPSIO",[416,409,37,417,255,40],"43773396","project\u002Fneutral\u002Fdesign",[200,419,37,420,201,40],24,"project\u002Fneutral\u002Fexecution",[170,422,44,278,171,40],25,[424,29,44,278,425,40],"43779673","stevederico",[427,428,44,267,429,40],"43773187",27,"thegreatpeter",[431,30,44,278,432,40],"43772977","kirykl",[434,435,37,369,436,40],"43779399",29,"gitroom",[192,438,37,327,193,40],30,[440,438,37,385,255,40],"43779677",[442,438,44,267,443,40],"43780018","re-lre-l",[445,438,37,295,255,40],"43780281",[226,447,40,258,227,40],31,[449,450,37,369,451,40],"43771602",32,"huksley",[453,450,37,271,255,40],"43772115",[111,455,44,278,112,40],33,[143,457,37,327,144,40],34,[240,457,40,318,10,36],[460,457,37,369,372,40],"43774077",[243,457,40,271,10,36],[463,464,44,278,465,40],"43771603",35,"MahendraDani",[467,468,44,278,469,40],"43772544",36,"codybontecou",[471,472,44,267,473,40],"43772100",37,"mkrishnan",[475,476,44,338,477,40],"43774120",38,"k0ns0l",[479,480,44,278,481,40],"43772555",39,"steffoz",[],[484,489,494,499,504,508],{"id":485,"name":486,"points":487,"category":488},"43739456","Tutorial-Codebase-Knowledge",923,"dev_tools",{"id":490,"name":491,"points":492,"category":493},"43754124","Dia",652,"ai",{"id":495,"name":496,"points":497,"category":498},"43729683","The Backdooms",531,"games",{"id":500,"name":501,"points":502,"category":503},"43734910","Undercutf1",301,"consumer_social",{"id":505,"name":506,"points":507,"category":503},"43745554","JuryNow",263,{"id":509,"name":510,"points":511,"category":19},"43734583","Gridbach",244,false,"v2",{"id":515,"name":5,"line":6,"ai":512,"cat":19,"year":12,"points":13,"comments":14,"rec":26,"s":27,"top":17,"kw":516,"maker":10,"domain":517,"tier":18,"attempts":40,"strip":518,"url":-1,"mix":519,"praise":90,"objection":123,"sub":20},43771365,[20,23,24,25],"","5055150030355355355330533130135535343355",[29,30,31,32],1794036673340]