[{"data":1,"prerenderedAt":660},["ShallowReactive",2],{"project-31364081":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":36,"aspects":37,"strip":48,"post_text":49,"what":50,"said":87,"maker_in_thread":217,"shape":229,"grid":233,"attempts":618,"same_week":623,"maker_shows":18,"maker_hidden":652,"reader_version":653,"card":654},"31364081","Aspect","A Visual IDE for React","title","Show HN: A Visual IDE for React","https:\u002F\u002Fdev.aspect.app","dev.aspect.app","tscepo",1652423424,2022,479,134,59,2570,3,"legend","dev_tools","visual ui builder","web_app",[24,25,26,27,28],"react","visual editor","ui builder","react components","low code","mixed",0.055,{"positive":32,"neutral":33,"mixed":34,"critical":35},19,34,9,16,78,{"idea":38,"design":40,"docs":42,"execution":44,"performance":47},{"positive":39,"critical":34},5,{"positive":18,"critical":41},0,{"positive":43,"critical":41},1,{"positive":45,"critical":46},2,4,{"positive":41,"critical":43},[39,18,18,18,45,18,39,18,43,18,18,39,18,39,46,43,39,18,46,18,18,45,41,18,46,46,18,43,46,41,43,18,18,18,41,39,18,43,18,43],"I made this because building UIs in a lexical medium like code is super annoying. I have to pre-render what I’m making in my head, and then jump between the browser and IDE to test. I was inspired by the developer console in chrome and safari since I end up editing css there because it’s ironically more convenient. Hope it’s useful!",{"problem":51,"audience":57,"pricing":69,"motivation":70,"time_to_build":69,"stack":74,"openness":84,"stage":85,"team_size":86},{"value":52,"source":53,"evidence":54},"Building UIs in code is annoying; you must pre-render layouts in your head and switch between browser and IDE to test","maker",[55],{"id":56},"post",{"value":58,"source":59,"evidence":60},"React developers and designers who want to build UIs visually","inferred",[61,65],{"id":62,"by":63,"text":64},"31364589","elanning","Great idea. I think UI\u002FUX designers would love a tool like this. Especially if they could import React components made by the development department.",{"id":66,"by":67,"text":68},"31366518","edding4500","Cool project, congrats you finished it up to this point :) As some people pointed out, web developer demands are pretty specific and vary from person to person. To fulfill most…",null,{"value":71,"source":53,"evidence":72},"Frustration with coding UIs in a lexical medium; inspired by browser developer console editing",[73],{"id":56},[75],{"value":76,"source":53,"evidence":77},"React",[78,81],{"id":79,"by":11,"text":80},"31364373","Ah I used React classes out of habit—will update the exporter to output hooks instead. Thanks for the heads up!",{"id":82,"by":11,"text":83},"31365710","Right now we export class components, but the option to export functional components is coming soon. Will likely default to functional component export. Thanks!","unknown","launched","company",{"praise":88,"objections":120,"requests":146,"questions":173,"alternatives":188},[89,105],{"value":90,"source":91,"evidence":92},"Impressive product and polished design","commenter",[93,97,101],{"id":94,"by":95,"text":96},"31367761","anonymouse008","Holy cannoli this is amazing!! I have no better words than Mike Markkula's point 3 of Apple's marketing philosophy for you: Point No. 3: Impute “People DO judge a book by its…",{"id":98,"by":99,"text":100},"31368817","etchalon","This is an absolutely awesome thing. Great job!",{"id":102,"by":103,"text":104},"31366002","csmeyer","This is a pretty slick app! One thing I notice is that there are a lot of options in things like the insert menu with tags that aren't super popular. Maybe prioritizing more…",{"value":106,"source":91,"evidence":107},"Interesting idea for rapid visual development",[108,112,116],{"id":109,"by":110,"text":111},"31366727","qwerty456127","I agree 10000%. A way to design browser-based GUIs the visual RAD way makes me drool. I hope it grows and flourishes.",{"id":113,"by":114,"text":115},"31364545","DoctorOW","This is a really cool idea. I'm not super into React, so take it with a grain of salt when i say I'm surprised I haven't seen something like this sooner. :)",{"id":117,"by":118,"text":119},"31370954","animal_spirits","This looks really interesting! I like seeing more domain specific IDEs coming out",[121,128,139],{"value":122,"source":91,"evidence":123},"Hard to use interaction, unclear how to add elements",[124],{"id":125,"by":126,"text":127},"31364727","Mappleton","Look promising, but just logged in and poked around and couldn't figure out how to get elements on the canvas. Or do much of anything. Some of the interaction design seems quite…",{"value":129,"source":91,"evidence":130},"Visual tools break down when manual code is needed",[131,135],{"id":132,"by":133,"text":134},"31364782","varispeed","These visual tools never clicked with me. There is always a point that you need to code something \"manually\" and then switching back and forth is just tedious (and if you are…",{"id":136,"by":137,"text":138},"31365715","beshur","Sorry, I could not go farther in the video after watching the narrator trying to accurately click on all those inputs, dropdowns etc. simultaneously saying \"writing this in code…",{"value":140,"source":91,"evidence":141},"Closed source tools tend to struggle",[142],{"id":143,"by":144,"text":145},"31367004","solarkraft","Visual editors are great! However closed source development tools tend to not do very well.",[147,155,166],{"value":148,"source":91,"evidence":149},"Try without creating an account",[150,154],{"id":151,"by":152,"text":153},"31364857","bananapear","Would be nice to be able to try it out or see a demo without having to create an account and log in",{"id":132,"by":133,"text":134},{"value":156,"source":91,"evidence":157},"Export functional components",[158,162],{"id":159,"by":160,"text":161},"31364345","chunkyslink","Thanks for submitting this it was interesting to see. Is this an old project because the video example uses React Classes rather than functional components and hooks.",{"id":163,"by":164,"text":165},"31364960","math-dev","Is it via class or functional components ? Keep up the good work - maybe jetbrains will buy \u002F fund you!",{"value":167,"source":91,"evidence":168},"Mobile-friendly version",[169],{"id":170,"by":171,"text":172},"31365585","simon_000666","I want this - but mobile first. Whenever I’m sitting on a bus or train for a short trip that doesn’t warrant bringing a laptop but there is a simple little tweak that could be…",[174,181],{"value":175,"source":91,"evidence":176},"Does it support CSS styles or preset styling",[177],{"id":178,"by":179,"text":180},"31364709","phtrivier","This isn't shown in the video, but does your editor comes with pre-set \"styles\" or is it something that you would import yourself ? My experience is that typing the code for…",{"value":182,"source":91,"evidence":183},"How does it handle accessibility (WCAG)",[184],{"id":185,"by":186,"text":187},"31366108","eurasiantiger","The Web is a wide audience. How do you design visually for the people who cannot see? In other words, how does this tool ensure that a site built using it remains accessible at…",[189,196,203,210],{"value":190,"source":91,"evidence":191},"Preview.js",[192],{"id":193,"by":194,"text":195},"31366021","macray","https:\u002F\u002Fpreviewjs.com\u002F does that",{"value":197,"source":91,"evidence":198},"Storybook",[199],{"id":200,"by":201,"text":202},"31366033","realharo","Something like https:\u002F\u002Fstorybook.js.org\u002F? Not a VS Code plugin, but similar idea (though it does a lot more). SwiftUI and Jetpack Compose also support individual component…",{"value":204,"source":91,"evidence":205},"Framer",[206],{"id":207,"by":208,"text":209},"31370214","cercatrova","Any thoughts on Framer? They seem to do the design aspect as well as the site-building aspect. https:\u002F\u002Fwww.framer.com https:\u002F\u002Fwww.framer.com\u002Fsites",{"value":211,"source":91,"evidence":212},"FlutterFlow",[213],{"id":214,"by":215,"text":216},"31387053","nathanganser","flutterflow.io is another tool like this :)",{"comments":218,"answered":46,"key":219},13,[220,223,226],{"id":221,"text":222},"31365244","I set up super minimal preset styling, and yeah I think basic css import makes sense as a next feature. Hoping to avoid overly complex style inheritance. I 100% agree, getting…",{"id":224,"text":225},"31368517","We're actually in review on the Figma plugin store for exactly this. Should be out soon.",{"id":227,"text":228},"31365058","Got it, added some explanatory copy. Accompanying image examples following soon.",{"commenters":230,"max_depth":39,"maker_replies":218,"first_comment_mins":231,"lifespan_hours":232},101,42,272,[234,238,242,245,248,250,252,254,258,261,263,265,269,271,275,279,282,285,287,289,293,297,299,304,307,311,314,316,319,322,325,329,333,336,341,344,347,349,351,353,355,356,357,359,361,363,365,369,371,373,375,377,380,384,386,389,392,395,397,399,403,407,409,411,412,414,418,423,427,431,435,438,440,444,447,450,453,456,459,463,467,471,473,477,481,484,487,490,492,496,497,500,503,505,509,511,515,518,520,523,525,527,529,532,535,538,540,544,545,548,551,554,556,557,560,562,564,567,570,574,576,579,583,586,589,593,595,598,601,604,607,610,612,614],[235,41,39,236,237,41],"31370705","project\u002Fpositive\u002Fidea","jesushax",[239,41,41,240,241,41],"31371271","other\u002Fneutral\u002Fnone","code_witch_sam",[243,41,41,240,244,41],"31492859","CRConrad",[246,41,41,240,247,41],"31377758","forgotmypw17",[249,41,41,240,244,41],"31492954",[178,43,18,251,179,41],"project\u002Fneutral\u002Fdesign",[221,43,41,253,11,43],"maker\u002Fneutral\u002Fdesign",[255,43,18,256,257,41],"31372012","project\u002Fneutral\u002Fidea","dgritsko",[259,43,18,256,260,41],"31366072","danielvaughn",[224,43,41,262,11,43],"maker\u002Fneutral\u002Fnone",[264,43,18,251,260,41],"31369807",[266,45,18,267,268,41],"31364542","project\u002Fneutral\u002Fdocs","_steady",[227,45,41,270,11,43],"maker\u002Fneutral\u002Fdocs",[272,18,18,273,274,41],"31364722","project\u002Fmixed\u002Fidea","onion2k",[276,18,43,277,278,41],"31364748","project\u002Fcritical\u002Fidea","Doches",[280,18,18,251,281,41],"31368030","diatone",[283,46,18,273,284,41],"31368064","pavlov",[286,46,41,262,11,43],"31368906",[288,46,41,240,284,41],"31369150",[290,46,41,291,292,41],"31378712","commenter\u002Fneutral\u002Fnone","tinodb",[294,46,39,295,296,41],"31372180","maker\u002Fpositive\u002Fnone","ed",[94,39,39,298,95,41],"project\u002Fpositive\u002Fdesign",[300,301,39,302,303,41],"31367896",6,"project\u002Fpositive\u002Fexecution","tmcw",[305,301,39,302,306,41],"31369867","spyremeown",[308,309,41,240,310,41],"31372380",7,"lstamour",[125,312,43,313,126,41],8,"project\u002Fcritical\u002Fexecution",[315,312,41,253,11,43],"31365076",[317,34,43,313,318,41],"31364456","your_challenger",[320,34,18,321,318,41],"31364520","project\u002Fneutral\u002Fexecution",[323,34,41,324,11,43],"31364532","maker\u002Fneutral\u002Fexecution",[326,34,18,327,328,41],"31368197","project\u002Fneutral\u002Fnone","epberry",[330,331,41,240,332,41],"31365277",10,"edwinyzh",[334,331,41,291,335,41],"31371378","ghostbrainalpha",[337,338,18,339,340,41],"31364937",11,"project\u002Fmixed\u002Fdesign","the_other",[342,338,41,291,343,41],"31365069","kristiandupont",[345,338,41,291,346,41],"31367222","bzxcvbn",[348,338,41,291,281,41],"31367974",[350,338,41,291,340,41],"31379085",[352,338,41,240,332,41],"31365340",[109,354,39,236,110,41],12,[159,218,18,321,160,41],[79,218,41,324,11,43],[358,218,18,321,278,41],"31364720",[113,360,39,236,114,41],14,[362,360,41,295,11,43],"31365714",[170,364,18,256,171,41],15,[366,35,39,367,368,41],"31367221","project\u002Fpositive\u002Fdocs","noso",[102,370,18,251,103,41],17,[372,370,41,253,11,43],"31366083",[374,370,18,251,103,41],"31366148",[151,376,18,267,152,41],18,[378,32,43,277,379,41],"31367659","NoXero",[381,382,43,313,383,41],"31373809",20,"pyrossh",[62,385,39,236,63,41],21,[387,385,18,256,388,41],"31364700","krono",[390,385,39,298,391,41],"31372920","schkolne",[393,385,18,256,394,41],"31364959","dgb23",[396,385,41,240,260,41],"31365704",[66,398,18,256,67,41],22,[400,401,18,267,402,41],"31366803",23,"simonmorg",[404,405,39,406,328,41],"31368190",24,"project\u002Fpositive\u002Fnone",[207,408,18,251,208,41],25,[163,410,18,321,164,41],26,[82,410,41,324,11,43],[185,413,18,251,186,41],27,[415,416,41,291,417,41],"31367098",28,"claudiojulio",[419,420,18,421,422,41],"31365860",29,"project\u002Fmixed\u002Fnone","foxbee",[424,425,18,256,426,41],"31364986",30,"idkwhoiam",[428,429,18,256,430,41],"31365436",31,"sktrdie",[432,429,41,433,434,41],"31366415","commenter\u002Fcritical\u002Fidea","hobofan",[436,429,18,251,437,41],"31372530","BillSaysThis",[132,439,43,277,133,41],32,[441,442,18,273,443,41],"31364572",33,"throwntoday",[445,442,41,291,446,41],"31364929","Xevi",[448,442,41,240,449,41],"31366110","nkozyra",[451,442,41,291,452,41],"31368020","randomsearch",[454,442,41,291,455,41],"31368028","dmix",[457,442,41,291,458,41],"31369105","FractalHQ",[460,33,43,461,462,41],"31364491","project\u002Fcritical\u002Fnone","bmitc",[464,465,39,406,466,41],"31368351",35,"dimgl",[468,469,39,298,470,41],"31401699",36,"abdouls",[117,472,39,236,118,41],37,[474,475,43,461,476,41],"31364493",38,"lordofgibbons",[478,479,18,262,480,41],"31365237",39,"bibinou",[482,479,41,483,11,43],"31365255","maker\u002Fneutral\u002Fidea",[485,479,39,295,486,41],"31367439","Edmond",[488,479,18,262,489,41],"31368878","Karawebnetwork",[98,491,39,406,99,41],40,[493,494,18,256,495,41],"31371274",41,"PhillyG",[143,231,43,277,144,41],[498,231,41,291,499,41],"31367190","runako",[501,231,41,291,502,41],"31368390","upupandup",[504,231,43,277,144,41],"31369921",[506,507,39,406,508,41],"31367426",43,"91edec",[214,510,18,256,215,41],44,[512,513,18,273,514,41],"31366895",45,"noduerme",[516,513,41,240,517,41],"31366959","pc86",[519,513,41,240,514,41],"31367351",[521,513,41,291,522,41],"31367191","tepitoperrito",[524,513,41,240,514,41],"31367294",[136,526,43,277,137,41],46,[528,526,41,291,260,41],"31366240",[530,526,18,256,531,41],"31366561","mbreese",[533,526,41,240,534,41],"31366664","user3939382",[536,526,18,273,537,41],"31366844","criley2",[539,526,18,327,514,41],"31366936",[541,542,18,273,543,41],"31365912",47,"can16358p",[193,542,18,256,194,41],[546,542,41,240,547,41],"31366078","trenchgun",[549,542,41,240,550,41],"31366129","Kyro38",[552,542,41,240,553,41],"31367678","fwouts",[555,542,41,483,11,43],"31366028",[200,542,18,256,201,41],[558,542,41,240,559,41],"31366496","basisword",[561,542,41,240,543,41],"31372868",[563,542,41,240,559,41],"31375852",[565,542,41,240,566,41],"31366610","ramraj07",[568,542,18,256,569,41],"31366838","rylandking",[571,572,39,295,573,41],"31366752",48,"qwerki",[575,572,41,262,11,43],"31367396",[577,572,39,406,578,41],"31367771","TimMeade",[580,581,43,277,582,41],"31364759",49,"echopom",[584,581,41,291,585,41],"31364815","lfkdev",[587,581,41,291,588,41],"31364867","hutzlibu",[590,581,43,591,592,41],"31365061","project\u002Fcritical\u002Fperformance","polydevil",[594,581,43,277,502,41],"31368530",[596,581,43,277,597,41],"31365133","tgv",[599,581,18,273,600,41],"31365376","pendar747",[602,581,18,256,603,41],"31365685","thomasfromcdnjs",[605,581,41,291,606,41],"31365770","robenkleene",[608,581,41,291,609,41],"31366290","delhanty",[611,581,41,291,582,41],"31366575",[613,581,41,291,609,41],"31366672",[615,616,43,313,617,41],"31365140",50,"tuyiown",[619,622],{"id":620,"t":621,"points":46,"comments":46},"31083531",1650378111,{"id":4,"t":12,"points":14,"comments":15},[624,628,632,637,642,647],{"id":625,"name":626,"points":627,"category":20},"31354130","Mitmproxy2swagger",691,{"id":629,"name":630,"points":631,"category":20},"31371340","Bud",531,{"id":633,"name":634,"points":635,"category":636},"31409077","Bike",513,"productivity",{"id":638,"name":639,"points":640,"category":641},"31412608","Urza's AI",188,"ai",{"id":643,"name":644,"points":645,"category":646},"31364983","Fruits",185,"web_saas",{"id":648,"name":649,"points":650,"category":651},"31421232","Natural Language Processing Demystified",166,"learning_science",false,"v2",{"id":655,"name":5,"line":6,"ai":652,"cat":20,"year":13,"points":14,"comments":15,"rec":29,"s":656,"top":18,"kw":657,"maker":11,"domain":10,"tier":19,"attempts":45,"strip":658,"url":9,"mix":659,"praise":90,"objection":122,"sub":21},31364081,0.06,[24,25,26,27,28],"5333235313353541534332034431401333053131",[32,33,34,35],1793991045639]