[{"data":1,"prerenderedAt":148},["ShallowReactive",2],{"project-9939990":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":27,"sentiment":28,"stance_mix":29,"scored_comments":32,"aspects":33,"strip":36,"post_text":28,"what":39,"said":65,"maker_in_thread":94,"shape":100,"grid":103,"attempts":112,"same_week":113,"maker_shows":38,"maker_hidden":141,"reader_version":142,"card":143},"9939990","React UI Builder","React UI Builder Demo On-Line","title","Show HN: React UI Builder Demo On-Line","http:\u002F\u002Fumyproto.com\u002Freact-ui-builder\u002F","umyproto.com","ipselon",1437708407,2015,14,4,1620,2565,64,"shown","dev_tools","ui builder","web_app",[24,21,25,26],"react","visual editor","bootstrap components","quiet",null,{"positive":30,"neutral":31,"mixed":30,"critical":31},1,0,2,{"idea":34,"execution":35},{"positive":30,"critical":31},{"positive":31,"critical":31},[37,31,38,31],5,3,{"problem":40,"audience":47,"pricing":28,"motivation":28,"time_to_build":28,"stack":55,"openness":64,"stage":64,"team_size":64},{"value":41,"source":42,"evidence":43},"Building React UI components with precise layout without drag and drop","maker",[44],{"id":45,"by":11,"text":46},"9940383","Drag & drop is not precise in positioning of the elements on page. So, I developed this approach which turned out more productive. Could you describe your development process…",{"value":48,"source":49,"evidence":50},"React developers building interfaces, including internal dashboards","commenter",[51],{"id":52,"by":53,"text":54},"9941405","izyda","Sure, at the moment, I'm creating a new project and arranging elements on the page to design one group of components (for instance, the main table panel of my monitoring app). I…",[56,60],{"value":57,"source":49,"evidence":58},"React",[59],{"id":52,"by":53,"text":54},{"value":61,"source":49,"evidence":62},"Bootstrap",[63],{"id":52,"by":53,"text":54},"unknown",{"praise":66,"objections":74,"requests":79,"questions":88,"alternatives":93},[67],{"value":68,"source":49,"evidence":69},"Useful tool for building component groups",[70,73],{"id":71,"by":53,"text":72},"9940243","Do you see this becoming an entire 'Visual Studio' style suite of tools? It's a fantastic tool. Right now, I'm mostly creating individual components (or groups of components…",{"id":52,"by":53,"text":54},[75],{"value":76,"source":42,"evidence":77},"Drag and drop is not precise enough for positioning",[78],{"id":45,"by":11,"text":46},[80,84],{"value":81,"source":49,"evidence":82},"Drag and drop support",[83],{"id":71,"by":53,"text":72},{"value":85,"source":49,"evidence":86},"Child insertion and reparenting component buttons",[87],{"id":52,"by":53,"text":54},[89],{"value":90,"source":49,"evidence":91},"Will it grow into a Visual Studio style suite of tools?",[92],{"id":71,"by":53,"text":72},[],{"comments":32,"answered":30,"key":95},[96,97],{"id":45,"text":46},{"id":98,"text":99},"9941731","Thank you a lot, I love you defined the builder as component factory, let me use it as expression or slogan. As for your workflow with builder I think it's suitable for big…",{"commenters":32,"max_depth":15,"maker_replies":32,"first_comment_mins":101,"lifespan_hours":102},122,10,[104,106,108,110],[71,31,37,105,53,31],"project\u002Fpositive\u002Fidea",[45,31,31,107,11,30],"commenter\u002Fneutral\u002Fdesign",[52,31,38,109,53,31],"project\u002Fmixed\u002Fexecution",[98,31,31,111,11,30],"maker\u002Fpositive\u002Fnone",[],[114,119,124,128,132,137],{"id":115,"name":116,"points":117,"category":118},"9962185","Spot the Drowning Child",1215,"learning_science",{"id":120,"name":121,"points":122,"category":123},"9944746","Showgoers",281,"consumer_social",{"id":125,"name":126,"points":127,"category":20},"9956415","Meshtag",270,{"id":129,"name":130,"points":131,"category":118},"9963714","Flexbox.io",236,{"id":133,"name":134,"points":135,"category":136},"9969171","File.io",155,"infrastructure",{"id":138,"name":139,"points":140,"category":118},"9969345","parametricity.com",149,false,"v2",{"id":144,"name":5,"line":6,"ai":141,"cat":20,"year":13,"points":14,"comments":15,"rec":27,"s":28,"top":18,"kw":145,"maker":11,"domain":10,"tier":19,"attempts":31,"strip":146,"url":9,"mix":147,"praise":68,"objection":76,"sub":21},9939990,[24,21,25,26],"5030",[30,31,30,31],1793990928035]