[{"data":1,"prerenderedAt":420},["ShallowReactive",2],{"project-42666492":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":29,"sentiment":30,"stance_mix":31,"scored_comments":35,"aspects":36,"strip":44,"post_text":45,"what":46,"said":87,"maker_in_thread":187,"shape":200,"grid":205,"attempts":379,"same_week":384,"maker_shows":39,"maker_hidden":412,"reader_version":413,"card":414},"42666492","dockview","TypeScript\u002FReact\u002FVue Window Layout Manager (Tabs, Floating, Popouts)","title","Show HN: TypeScript\u002FReact\u002FVue Window Layout Manager (Tabs, Floating, Popouts)","https:\u002F\u002Fgithub.com\u002Fmathuo\u002Fdockview","github.com","mathuo",1736609463,2025,334,64,148,3837,4,"legend","dev_tools","ui layout library","library",[24,25,26,27,28],"layout manager","react docking","vue layout","typescript panels","popout windows","mixed",0.282,{"positive":32,"neutral":32,"mixed":33,"critical":34},13,0,5,31,{"idea":37,"design":40,"execution":41,"docs":42,"performance":43},{"positive":38,"critical":39},3,1,{"positive":38,"critical":33},{"positive":39,"critical":18},{"positive":39,"critical":33},{"positive":33,"critical":33},[34,38,33,39,34,38,38,34,34,38,33,38,33,34,38,33,33,33,33,39,33,34,34,38,33,33,39,33,34,39,33,33,33,33,34,33,38,33,34,34],null,{"problem":47,"audience":53,"pricing":45,"motivation":68,"time_to_build":45,"stack":75,"openness":84,"stage":85,"team_size":86},{"value":48,"source":49,"evidence":50},"Managing dockable, floating and popout window layouts in web UIs","inferred",[51],{"id":52},"post",{"value":54,"source":49,"evidence":55},"Front-end developers building web apps with panel layouts",[56,60,64],{"id":57,"by":58,"text":59},"42667466","samradelie","Wow. Stellar work. The TS looks really proper on first glance. I think you're right on zeitgeist -- we're going to need a lot more fundamental tools like this to build AI apps.…",{"id":61,"by":62,"text":63},"42666775","bossyTeacher","This is really impressive. Can I also give you major props for the following: - Zero dependencies: wow, this is really good for a js package. - Documentation: nice, clear and…",{"id":65,"by":66,"text":67},"42670374","therein","Really nice. SolidJS support would be nice too. I lately have no preference between React and Solid but I have some projects that could use this that happens to be in SolidJS.",{"value":69,"source":70,"evidence":71},"Zero-dependency vanilla TS alternative to existing layout managers like Golden Layout","maker",[72],{"id":73,"by":11,"text":74},"42668385","golden layout is the OG JavaScript layout manager, used it for many years beforehand. Orginally yes it was inspired by some of the other layout managers, include golden layout.…",[76,80],{"value":77,"source":70,"evidence":78},"React wrapper",[79],{"id":73,"by":11,"text":74},{"value":81,"source":70,"evidence":82},"Vue wrapper",[83],{"id":73,"by":11,"text":74},"open_source","launched","unknown",{"praise":88,"objections":103,"requests":130,"questions":150,"alternatives":165},[89,95,99],{"value":90,"source":91,"evidence":92},"Zero dependencies and clean TypeScript","commenter",[93,94],{"id":61,"by":62,"text":63},{"id":57,"by":58,"text":59},{"value":96,"source":91,"evidence":97},"Clear documentation and examples",[98],{"id":61,"by":62,"text":63},{"value":100,"source":91,"evidence":101},"Provenance-verified npm builds",[102],{"id":61,"by":62,"text":63},[104,119],{"value":105,"source":91,"evidence":106},"Demo broke on Safari and iPad",[107,111,115],{"id":108,"by":109,"text":110},"42667981","mlajtos","Safari can't handle the demo. https:\u002F\u002Fdockview.dev\u002Fdemo",{"id":112,"by":113,"text":114},"42667720","peppertree","Demo doesn't load in macOS Safari.",{"id":116,"by":117,"text":118},"42667941","andix","Same issue on iPadOS (18.3) Safari.",{"value":120,"source":91,"evidence":121},"No touch device support yet",[122,126],{"id":123,"by":124,"text":125},"42667964","Onavo","Do you plan to add touch device support? It doesn't work well on tablets and phones.",{"id":127,"by":128,"text":129},"42666856","cyanydeez","Neat. Any mobile touch plans?",[131,138,143],{"value":132,"source":70,"evidence":133},"Touch and mobile support",[134,137],{"id":135,"by":11,"text":136},"42668314","Yes, it's something that is planned. Currently some features work with touch inputs but not all of them. - https:\u002F\u002Fgithub.com\u002Fmathuo\u002Fdockview\u002Fissues\u002F696",{"id":127,"by":128,"text":129},{"value":139,"source":70,"evidence":140},"Angular and SolidJS wrappers",[141,142],{"id":73,"by":11,"text":74},{"id":65,"by":66,"text":67},{"value":144,"source":91,"evidence":145},"Option to disable floating popouts",[146],{"id":147,"by":148,"text":149},"42673755","MortyWaves","Does this support disabling the ability to have floating popout windows?",[151,158],{"value":152,"source":91,"evidence":153},"How does it compare to Golden Layout",[154],{"id":155,"by":156,"text":157},"42667547","diob","How does this compare to golden layout? Inspired by it? I really enjoyed that project back in the day, but unfortunately support completely stopped (it had some folks take over,…",{"value":159,"source":91,"evidence":160},"Does it preserve state when moving DOM elements",[161],{"id":162,"by":163,"text":164},"42667077","garbagepatch","Does this use the new moveBefore API to move DOM elements while preserving their state? Or is it going to recreate the elements eitherway due to React\u002FVue?",[166,174,181],{"value":167,"source":91,"evidence":168},"Golden Layout",[169,170],{"id":155,"by":156,"text":157},{"id":171,"by":172,"text":173},"42668991","joshribakoff","I just tried using golden layout the other day. The demo on their website with react support is v1 and when I installed it, I got v2 which apparently drops react support and has…",{"value":175,"source":91,"evidence":176},"FlexLayout",[177],{"id":178,"by":179,"text":180},"42669734","alluro2","Dockview is phenomenal, and congrats to @mathuo on a great project - I've recently thoroughly tested 6-7 available libraries in this category, and dockview is certainly in the…",{"value":182,"source":91,"evidence":183},"Mosaic",[184],{"id":185,"by":109,"text":186},"42667993","Instead of content, put there webview\u002Fiframe – https:\u002F\u002Fgithub.com\u002Fmlajtos\u002Fmosaic",{"comments":188,"answered":189,"key":190},15,8,[191,194,197],{"id":192,"text":193},"42668400","In terms of rendering modes both approaches are supported https:\u002F\u002Fdockview.dev\u002Fdocs\u002Fcore\u002Fpanels\u002Frendering There are options to maintain the panels content within the DOM at all…",{"id":195,"text":196},"42672276","no ai :) just a vanilla layout manager. I assume the above comment is by somebody building an ai project that could use a layout manager",{"id":198,"text":199},"42668302","This is in related to the publication of the package to npm. All of the publications are verified with provenance statements as supported by NPM directly; it's something I…",{"commenters":201,"max_depth":202,"maker_replies":188,"first_comment_mins":203,"lifespan_hours":204},43,6,37,343,[206,208,210,214,218,219,223,227,229,233,234,237,239,242,245,246,247,249,252,253,256,258,262,265,267,270,272,275,277,281,284,287,292,295,299,303,307,311,313,316,319,321,323,325,327,329,334,336,337,339,341,344,346,348,350,354,356,357,359,361,363,367,371,375],[57,33,34,207,58,33],"project\u002Fpositive\u002Fidea",[192,33,33,209,11,39],"project\u002Fneutral\u002Fdesign",[211,33,38,212,213,33],"42669941","project\u002Fneutral\u002Fidea","achierius",[215,33,33,216,217,33],"42670768","commenter\u002Fneutral\u002Fnone","v3ss0n",[195,33,33,216,11,39],[220,33,39,221,222,33],"42672391","project\u002Fcritical\u002Fidea","ascorbic",[224,33,34,225,226,33],"42674388","project\u002Fpositive\u002Fdesign","buremba",[61,39,34,228,62,33],"project\u002Fpositive\u002Fnone",[230,39,38,231,232,33],"42667089","project\u002Fneutral\u002Fnone","herpdyderp",[198,39,33,231,11,39],[235,39,38,231,236,33],"42668371","itsafarqueue",[178,238,34,228,179,33],2,[240,238,34,225,241,33],"42672244","popcorncowboy",[243,38,34,207,244,33],"42669703","somytomy",[155,18,38,231,156,33],[73,18,33,212,11,39],[171,18,33,248,172,33],"other\u002Fneutral\u002Fnone",[250,34,38,209,251,33],"42667366","karol",[185,34,38,212,109,33],[254,34,33,248,255,33],"42671315","crooked-v",[257,34,33,216,109,33],"42673686",[259,202,34,260,261,33],"42667987","maker\u002Fpositive\u002Fnone","bsnnkv",[263,202,33,264,11,39],"42668355","maker\u002Fneutral\u002Fnone",[65,266,38,212,66,33],7,[268,266,33,248,269,33],"42825648","AlexErrant",[271,189,33,248,109,33],"42667983",[273,189,33,248,274,33],"42673671","ofrzeta",[276,189,33,248,109,33],"42673704",[278,279,33,248,280,33],"42668483",9,"mattlondon",[282,279,33,248,283,33],"42668565","chris_st",[285,279,33,248,286,33],"42672308","f0ur",[288,289,39,290,291,33],"42667845",10,"project\u002Fcritical\u002Fexecution","dahdum",[293,289,33,294,11,39],"42668352","project\u002Fneutral\u002Fexecution",[296,297,34,228,298,33],"42666908",11,"rk06",[300,301,38,209,302,33],"42668094",12,"low_tech_punk",[304,32,34,305,306,33],"42715629","project\u002Fpositive\u002Fdocs","scrivna",[308,309,38,209,310,33],"42668452",14,"pdyc",[162,188,38,312,163,33],"project\u002Fneutral\u002Fperformance",[314,188,33,248,315,33],"42667324","lolinder",[317,188,33,248,318,33],"42667704","samhh",[320,188,33,216,315,33],"42667868",[322,188,33,209,11,39],"42668339",[108,324,39,290,109,33],16,[326,324,33,264,11,39],"42668343",[328,324,33,294,11,39],"42668965",[330,331,34,332,333,33],"42672763",17,"project\u002Fpositive\u002Fexecution","qwertox",[112,335,39,290,113,33],18,[116,335,39,290,117,33],[338,335,33,264,11,39],"42668346",[340,335,33,216,117,33],"42668422",[342,335,33,248,343,33],"42668647","ukuina",[345,335,33,248,117,33],"42668704",[347,335,33,294,11,39],"42668977",[349,335,33,294,11,39],"42668967",[351,352,34,207,353,33],"42667873",19,"Jonovono",[123,355,38,294,124,33],20,[135,355,33,294,11,39],[147,358,38,209,148,33],21,[127,360,38,294,128,33],22,[362,360,33,294,11,39],"42668313",[364,365,33,366,11,39],"42668961",23,"maker\u002Fneutral\u002Fexecution",[368,369,34,225,370,33],"42667783",24,"toastercat",[372,373,34,228,374,33],"42692724",25,"gavmor",[376,377,33,248,378,33],"42672742",26,"todotask",[380,383],{"id":381,"t":382,"points":238,"comments":39},"35583713",1681586356,{"id":4,"t":12,"points":14,"comments":15},[385,390,394,398,402,407],{"id":386,"name":387,"points":388,"category":389},"42645218","pdftris",1289,"games",{"id":391,"name":392,"points":393,"category":389},"42644168","Factorio Blueprint Visualizer",450,{"id":395,"name":396,"points":397,"category":389},"42678754","DoomPDF",369,{"id":399,"name":400,"points":401,"category":20},"42712666","ItsLaunched",246,{"id":403,"name":404,"points":405,"category":406},"42697346","BadWebsiteBlocklist",225,"productivity",{"id":408,"name":409,"points":410,"category":411},"42700852","marimo",204,"languages",false,"v2",{"id":415,"name":5,"line":6,"ai":412,"cat":20,"year":13,"points":14,"comments":15,"rec":29,"s":416,"top":18,"kw":417,"maker":11,"domain":10,"tier":19,"attempts":238,"strip":418,"url":9,"mix":419,"praise":90,"objection":105,"sub":21},42666492,0.28,[24,25,26,27,28],"5301533553030530000105530010510000503055",[32,32,33,34],1794036667775]