[{"data":1,"prerenderedAt":325},["ShallowReactive",2],{"project-25743228":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":18,"aspects":35,"strip":42,"post_text":44,"what":45,"said":75,"maker_in_thread":165,"shape":170,"grid":174,"attempts":287,"same_week":288,"maker_shows":32,"maker_hidden":317,"reader_version":318,"card":319},"25743228","svelte-dnd-action","A cool Drag-and-Drop implementation for Svelte","title","Show HN: A cool Drag-and-Drop implementation for Svelte","https:\u002F\u002Fgithub.com\u002FisaacHagoel\u002Fsvelte-dnd-action","github.com","khangnd",1610433656,2021,141,43,361,2533,15,"notable","languages","ui library","library",[24,25,26,27],"svelte","drag and drop","svelte action","javascript","debated",0.161,{"positive":31,"neutral":32,"mixed":33,"critical":34},7,3,1,4,{"execution":36,"design":37,"performance":39,"docs":40,"idea":41},{"positive":32,"critical":33},{"positive":33,"critical":38},0,{"positive":38,"critical":33},{"positive":33,"critical":33},{"positive":33,"critical":38},[43,38,38,38,38,38,38,38,38,38,38,38,38,43,33,32,32,32,33,38,32,33,38,38,38,38,38,38,38,38,38,38,43,43,43,43,38,38,38,32],5,null,{"problem":46,"audience":52,"pricing":44,"motivation":44,"time_to_build":44,"stack":63,"openness":73,"stage":74,"team_size":74},{"value":47,"source":48,"evidence":49},"Drag-and-drop in Svelte apps","inferred",[50],{"id":51},"post",{"value":53,"source":48,"evidence":54},"Svelte developers",[55,59],{"id":56,"by":57,"text":58},"25744437","panta","Beautiful job! I love that you used an action and that the code is so clean. Thank you!",{"id":60,"by":61,"text":62},"25744315","NetOpWibby","Nice, a new Svelte plugin. Thanks for sharing!",[64,69],{"value":65,"source":66,"evidence":67},"Svelte","commenter",[68],{"id":56,"by":57,"text":58},{"value":70,"source":48,"evidence":71},"JavaScript",[72],{"id":56,"by":57,"text":58},"open_source","unknown",{"praise":76,"objections":93,"requests":122,"questions":130,"alternatives":135},[77,89],{"value":78,"source":66,"evidence":79},"Clean, readable code and simple API",[80,84,88],{"id":81,"by":82,"text":83},"25744273","ilovefood","Very good job! The code is clear enough that even I understand it. I have been playing a lot with Svelte lately and I absolutely love it. As a backend guy I can finally be happy…",{"id":85,"by":86,"text":87},"25743956","petargyurov","Nice! The API looks pretty good and simple to use. I love that the repo is full of examples. Starred.",{"id":56,"by":57,"text":58},{"value":90,"source":66,"evidence":91},"Good examples in the repo",[92],{"id":85,"by":86,"text":87},[94,101,108,115],{"value":95,"source":66,"evidence":96},"Keyboard and screen reader support did not work in REPLs",[97],{"id":98,"by":99,"text":100},"25750024","extra88","The readme talks about it being keyboard operable and screen reader supporting but I couldn't make it work in the couple of REPLs I tried. The description of how keyboard…",{"value":102,"source":66,"evidence":103},"Animation delay makes dropping feel slow",[104],{"id":105,"by":106,"text":107},"25746976","faeyanpiraat","I cant drag&drop, it's more like drag&hover&waitForTheAnimation&drop.",{"value":109,"source":66,"evidence":110},"Animation janky in Firefox",[111],{"id":112,"by":113,"text":114},"25754286","ajnin","Very nice. A few nitpicks : - You need to wait a bit for a drop target to become active, so when you try to move items quickly it's not registered and snaps back to the start…",{"value":116,"source":66,"evidence":117},"Large GIF in the README",[118],{"id":119,"by":120,"text":121},"25743959","chrismorgan","Please don’t put a 10MB GIF in a page. Link to it instead, or better still to a video (GIF is an irredeemably bad format that no one should ever use any more).",[123],{"value":124,"source":66,"evidence":125},"Support for React-like or other framework versions",[126],{"id":127,"by":128,"text":129},"25744209","ghenson2","Impressive, is there something similar and as responsive for React?",[131],{"value":132,"source":66,"evidence":133},"Is the drop-target activation delay intended?",[134],{"id":112,"by":113,"text":114},[136,147,154,158],{"value":137,"source":66,"evidence":138},"react-beautiful-dnd",[139,143],{"id":140,"by":141,"text":142},"25744357","deckplecksetter","Not sure how similar it is, but react-beautiful-dnd is pretty nice. https:\u002F\u002Fgithub.com\u002Fatlassian\u002Freact-beautiful-dnd",{"id":144,"by":145,"text":146},"25748771","JMTQp8lwXL","One of the up and coming React DnD projects is https:\u002F\u002Fgithub.com\u002Fclauderic\u002Fdnd-kit. It's still in beta, and the drag\u002Fdrop animations are rough around the edges, but it appears…",{"value":148,"source":66,"evidence":149},"dragula",[150],{"id":151,"by":152,"text":153},"25749155","lhorie","I've heard good things about dragula[0]. It's 9.8kb minified[1], no dependencies and browser support goes all the way back to IE7. There are also bridges for all the major…",{"value":155,"source":66,"evidence":156},"dnd-kit",[157],{"id":144,"by":145,"text":146},{"value":159,"source":66,"evidence":160},"DFlex",[161],{"id":162,"by":163,"text":164},"25748445","jimmy2020","I share your disappointment and I'd like to invite you to DFlex (https:\u002F\u002Fgithub.com\u002Fjalal246\u002Fdflex). It's not perfect and in the development process but I think it's a real…",{"comments":33,"answered":38,"key":166},[167],{"id":168,"text":169},"25743984","And what are you talking about?",{"commenters":171,"max_depth":43,"maker_replies":33,"first_comment_mins":172,"lifespan_hours":173},31,117,32,[175,177,181,184,187,189,192,193,194,196,197,200,203,205,207,210,212,216,218,220,222,224,227,230,231,234,238,242,245,247,250,253,255,257,260,264,266,271,273,275,276,279,283],[81,38,43,176,82,38],"maker\u002Fpositive\u002Fexecution",[178,33,38,179,180,38],"25747428","other\u002Fneutral\u002Fnone","tekstar",[182,33,38,179,183,38],"25748216","city41",[185,33,38,186,180,38],"25748263","commenter\u002Fneutral\u002Fnone",[188,33,38,186,183,38],"25748457",[190,33,38,179,191,38],"25749968","tmotwu",[162,33,38,179,163,38],[144,33,38,179,145,38],[195,33,38,179,163,38],"25749132",[151,33,38,179,152,38],[198,33,38,179,199,38],"25750421","wirahx",[201,33,38,179,202,38],"25750761","duhi88",[204,33,38,179,152,38],"25751089",[206,33,38,179,120,38],"25752465",[85,208,43,209,86,38],2,"project\u002Fpositive\u002Fdesign",[98,32,33,211,99,38],"project\u002Fcritical\u002Fexecution",[213,32,32,214,215,38],"25754407","maker\u002Fneutral\u002Fexecution","isaac-hagoel",[112,34,32,217,113,38],"project\u002Fmixed\u002Fperformance",[219,34,32,214,215,38],"25754562",[105,43,33,221,106,38],"project\u002Fcritical\u002Fperformance",[223,43,38,186,199,38],"25750393",[225,43,32,226,215,38],"25754495","maker\u002Fneutral\u002Fperformance",[119,228,33,229,120,38],6,"project\u002Fcritical\u002Fdocs",[168,228,38,186,11,33],[232,228,38,186,233,38],"25744088","r6203",[235,228,38,236,237,38],"25744365","commenter\u002Fneutral\u002Fdocs","g0ran",[239,228,38,240,241,38],"25745408","other\u002Fneutral\u002Fdocs","gen_greyface",[243,228,38,240,244,38],"25745685","jansan",[246,228,38,240,120,38],"25746305",[248,228,38,240,249,38],"25745767","dspillett",[251,228,38,240,252,38],"25747136","davidmurdoch",[254,228,38,240,249,38],"25747351",[256,228,38,240,252,38],"25762446",[258,228,38,240,259,38],"25747344","mzs",[261,228,43,262,263,38],"25748327","project\u002Fpositive\u002Fdocs","belval",[60,31,43,265,61,38],"project\u002Fpositive\u002Fidea",[267,268,43,269,270,38],"25750049",8,"project\u002Fpositive\u002Fnone","kokizzu2",[56,272,43,176,57,38],9,[127,274,38,179,128,38],10,[140,274,38,179,141,38],[277,274,38,179,278,38],"25745643","simongray",[280,281,43,176,282,38],"25746310",11,"UltimateBallR",[284,285,33,286,244,38],"25745676",12,"project\u002Fcritical\u002Fnone",[],[289,293,298,303,308,313],{"id":290,"name":291,"points":292,"category":20},"25677272","Synergy",343,{"id":294,"name":295,"points":296,"category":297},"25749492","Amplication",272,"dev_tools",{"id":299,"name":300,"points":301,"category":302},"25713858","hn-big-threads",248,"consumer_social",{"id":304,"name":305,"points":306,"category":307},"25750807","Vantage",221,"infrastructure",{"id":309,"name":310,"points":311,"category":312},"25683808","Ecco",185,"ai",{"id":314,"name":315,"points":316,"category":307},"25671919","I built an intercom for my 6 yo to keep us connected during quarantine",181,false,"v2",{"id":320,"name":5,"line":6,"ai":317,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":321,"top":18,"kw":322,"maker":11,"domain":10,"tier":19,"attempts":38,"strip":323,"url":9,"mix":324,"praise":78,"objection":95,"sub":21},25743228,0.16,[24,25,26,27],"5000000000000513331031000000000055550003",[31,32,33,34],1793991022108]