[{"data":1,"prerenderedAt":346},["ShallowReactive",2],{"project-23921478":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":43,"post_text":45,"what":46,"said":70,"maker_in_thread":189,"shape":198,"grid":203,"attempts":309,"same_week":310,"maker_shows":39,"maker_hidden":338,"reader_version":339,"card":340},"23921478","React Guitar","A guitar component for React","title","Show HN: React Guitar – A guitar component for React","https:\u002F\u002Freact-guitar.com","react-guitar.com","4lejandrito",1595451370,2020,242,41,199,3028,7,"notable","languages","ui component library","library",[24,25,26,27,28],"react guitar","guitar component","react","fretboard","guitar chords","loved",0.423,{"positive":32,"neutral":33,"mixed":34,"critical":35},10,8,2,0,20,{"design":38,"idea":40,"execution":41},{"positive":39,"critical":35},3,{"positive":39,"critical":35},{"positive":42,"critical":35},1,[35,35,35,35,35,35,35,44,35,35,35,44,44,35,35,39,39,35,39,35,35,44,35,35,35,44,39,35,44,39,39,39,44,39,35,35,44,44,39,44],5,null,{"problem":45,"audience":45,"pricing":45,"motivation":47,"time_to_build":45,"stack":54,"openness":67,"stage":68,"team_size":69},{"value":48,"source":49,"evidence":50},"Needed to reuse the guitar component for another project, so made it open source","maker",[51],{"id":52,"by":11,"text":53},"23921968","I really like fretty! In fact react-guitar is the end result of a very similar project that I never finished. I needed to reuse the guitar component for another project I am…",[55,60],{"value":56,"source":49,"evidence":57},"React",[58],{"id":59},"post",{"value":61,"source":62,"evidence":63},"TypeScript","commenter",[64],{"id":65,"by":11,"text":66},"23925167","If there is anyone with experience on theming React components I would be really happy to have some ideas\u002Fhelp on how to add support for guitar themes\u002Fskins:…","open_source","launched","unknown",{"praise":71,"objections":105,"requests":120,"questions":146,"alternatives":153},[72,87,94],{"value":73,"source":62,"evidence":74},"Fun, responsive and useful for learning and practice",[75,79,83],{"id":76,"by":77,"text":78},"23922014","PascLeRasc","This is so cool! Super responsive and fun.",{"id":80,"by":81,"text":82},"23924573","imvetri","Had fun playing it. Thanks for sharing",{"id":84,"by":85,"text":86},"23924358","markvdb","Pro classical guitar teacher here. Thank you for your great work! I see some wonderful potential educational uses for this. If you'd like further feedback, please don't hesitate…",{"value":88,"source":62,"evidence":89},"Left-handed option appreciated",[90],{"id":91,"by":92,"text":93},"23922405","kvst","as a left-handed guitarist, I really appreciate the left-handed option.",{"value":95,"source":62,"evidence":96},"Nice visual design and interaction",[97,101],{"id":98,"by":99,"text":100},"23921876","iddan","Awesome! Works great on my iPhone SE",{"id":102,"by":103,"text":104},"23922436","rickducott","Great work! Makes me want to pick up my guitar :)",[106,113],{"value":107,"source":62,"evidence":108},"Muting a string is not obvious to users",[109],{"id":110,"by":111,"text":112},"23922398","jfengel","Very clever. Took me a second to figure out how to mute a string. I figured it out, and I can't think of a better way, but otherwise it was quite easy to figure out.",{"value":114,"source":62,"evidence":115},"Fretboard view could show more frets at once",[116],{"id":117,"by":118,"text":119},"23922281","the_cat_kittles","lovely- the demo could have a little wider view of the fretboard, maybe 6 or 8 frets at a time.",[121,128,135,139],{"value":122,"source":62,"evidence":123},"Add custom text or color on finger indicators",[124],{"id":125,"by":126,"text":127},"23921615","porkloin","Very nice! I have been working on a triad and inversion practice tool in React and may seriously consider rewriting it to use your component.…",{"value":129,"source":62,"evidence":130},"Add more alternate tunings such as Neil Young and Joni Mitchell",[131],{"id":132,"by":133,"text":134},"23922025","pxi","Very nice! Humble suggestion: Add some Neil Young and Joni Mitchel tunings.",{"value":136,"source":49,"evidence":137},"Add theming or skins",[138],{"id":65,"by":11,"text":66},{"value":140,"source":62,"evidence":141},"Add hotkey for hover to play",[142],{"id":143,"by":144,"text":145},"23923846","tehwebguy","This is incredible. My only suggestion, make a hotkey (optionally toggle \u002F push to touch) for the hover to play",[147],{"value":148,"source":49,"evidence":149},"Which Neil Young and Joni Mitchell tunings are correct",[150],{"id":151,"by":11,"text":152},"23922249","Thanks for the suggestion. I've been doing my research (sorry I have limited guitar knowledge, I am learning Spanish flamenco now). According to…",[154,161,168,175,182],{"value":155,"source":62,"evidence":156},"Fretty (Vue fretboard app)",[157],{"id":158,"by":159,"text":160},"23921900","tfeldmann","Looks nice! I‘m currently working on something similar based on vue: https:\u002F\u002Ffretty.app It‘s a work in progress but you can already play around with scales and different tunings",{"value":162,"source":62,"evidence":163},"fretboard.cool",[164],{"id":165,"by":166,"text":167},"23922038","uhoh-itsmaciek","These are both great! I also have a similar project: https:\u002F\u002Ffretboard.cool",{"value":169,"source":62,"evidence":170},"all-guitar-chords.com",[171],{"id":172,"by":173,"text":174},"23923650","gpspake","The best interactive guitar UI I've ever found is all-guitar-chords.com and I use several of its features regularly. It might not be built with the hotness but the reverse scale…",{"value":176,"source":62,"evidence":177},"jguitar.com",[178],{"id":179,"by":180,"text":181},"23923573","asaph","Since we're sharing, here's mine: https:\u002F\u002Fjguitar.com\u002F Made the front page of HN a couple of years ago too: https:\u002F\u002Fnews.ycombinator.com\u002Fitem?id=18037657",{"value":183,"source":62,"evidence":184},"Soundslice",[185],{"id":186,"by":187,"text":188},"23925068","adrianh","Have you used Soundslice (https:\u002F\u002Fwww.soundslice.com\u002F) with your students? I help make it and would love to get your feedback.",{"comments":18,"answered":34,"key":190},[191,192,195],{"id":52,"text":53},{"id":193,"text":194},"23925945","Thanks for sharing this, I really like how simple it is. You should properly release it and possibly publish it in the main package managers.",{"id":196,"text":197},"23921649","So glad you liked it :) You can customise the content of the indicators with the \"renderFinger\" prop and render whatever you want inside. See…",{"commenters":199,"max_depth":200,"maker_replies":18,"first_comment_mins":201,"lifespan_hours":202},33,6,14,23,[204,206,208,209,212,216,218,221,225,229,230,234,238,239,241,243,247,249,253,256,259,261,263,265,268,270,271,273,275,277,282,285,288,290,292,294,297,299,301,303,307],[158,35,35,205,159,35],"commenter\u002Fneutral\u002Fidea",[52,35,35,207,11,42],"maker\u002Fpositive\u002Fidea",[165,35,35,205,166,35],[210,35,35,205,211,35],"23922110","delvinj",[213,35,35,214,215,35],"23922951","commenter\u002Fneutral\u002Fexecution","tzs",[193,35,35,217,11,42],"commenter\u002Fpositive\u002Fexecution",[219,35,35,205,220,35],"23923082","vthommeret",[222,35,44,223,224,35],"23925886","project\u002Fpositive\u002Fdesign","graphpapa",[226,35,35,227,228,35],"23922366","other\u002Fcritical\u002Fidea","divbzero",[179,35,35,205,180,35],[231,35,35,232,233,35],"23923702","commenter\u002Fpositive\u002Fnone","kinleyd",[235,35,44,236,237,35],"23931418","project\u002Fpositive\u002Fidea","ljp_206",[125,42,44,236,126,35],[196,42,35,240,11,42],"maker\u002Fpositive\u002Fdocs",[242,42,35,232,11,42],"23921697",[244,42,39,245,246,35],"23922587","project\u002Fneutral\u002Fidea","benrbray",[172,34,39,248,173,35],"project\u002Fmixed\u002Fidea",[250,34,35,251,252,35],"23924130","commenter\u002Fmixed\u002Fdesign","totemandtoken",[254,39,39,245,255,35],"23922194","yingw787",[257,39,35,205,258,35],"23922363","lvturner",[260,39,35,205,81,35],"23924598",[84,262,44,236,85,35],4,[186,262,35,264,187,35],"commenter\u002Fneutral\u002Fnone",[266,262,35,232,267,35],"23927609","roldie",[65,44,35,269,11,42],"maker\u002Fneutral\u002Fdesign",[91,200,44,223,92,35],[110,18,39,272,111,35],"project\u002Fmixed\u002Fdesign",[274,18,35,269,11,42],"23922412",[102,33,44,276,103,35],"project\u002Fpositive\u002Fnone",[278,279,39,280,281,35],"23923683",9,"project\u002Fneutral\u002Fnone","anilakar",[283,32,39,245,284,35],"23922275","daiyanze",[143,286,39,287,144,35],11,"project\u002Fneutral\u002Fdesign",[98,289,44,223,99,35],12,[132,291,39,245,133,35],13,[151,291,35,293,11,42],"maker\u002Fneutral\u002Fnone",[295,291,35,264,296,35],"23928281","sova",[76,201,44,298,77,35],"project\u002Fpositive\u002Fexecution",[80,300,44,276,81,35],15,[302,300,39,287,81,35],"23924878",[304,305,44,276,306,35],"23922740",16,"tieguy2k",[117,308,39,287,118,35],17,[],[311,316,321,326,330,334],{"id":312,"name":313,"points":314,"category":315},"23896856","3D Book Image CSS Generator",638,"dev_tools",{"id":317,"name":318,"points":319,"category":320},"23920987","css-sweeper",390,"games",{"id":322,"name":323,"points":324,"category":325},"23880071","Simple Ops",280,"infrastructure",{"id":327,"name":328,"points":329,"category":315},"23865900","css-media-vars",248,{"id":331,"name":332,"points":333,"category":315},"23895540","uuid-readable",154,{"id":335,"name":336,"points":337,"category":315},"23916842","UI Playbook",145,false,"v2",{"id":341,"name":5,"line":6,"ai":338,"cat":20,"year":13,"points":14,"comments":15,"rec":29,"s":342,"top":18,"kw":343,"maker":11,"domain":10,"tier":19,"attempts":35,"strip":344,"url":9,"mix":345,"praise":73,"objection":107,"sub":21},23921478,0.42,[24,25,26,27,28],"0000000500055003303005000530533353005535",[32,33,34,35],1794036593685]