[{"data":1,"prerenderedAt":470},["ShallowReactive",2],{"project-14032201":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":35,"aspects":36,"strip":43,"post_text":45,"what":46,"said":68,"maker_in_thread":179,"shape":188,"grid":193,"attempts":434,"same_week":435,"maker_shows":33,"maker_hidden":462,"reader_version":463,"card":464},"14032201","React-data sheet","React-data sheet, Excel-like spreadsheet component","title","Show HN: React-data sheet, Excel-like spreadsheet component","https:\u002F\u002Fnadbm.github.io\u002Freact-datasheet\u002F","nadbm.github.io","nadimisl",1491311720,2017,345,89,52,2242,3,"legend","dev_tools","ui component library","library",[24,25,26,27],"react spreadsheet","excel grid","react datagrid","editable grid","mixed",-0.175,{"positive":31,"neutral":32,"mixed":33,"critical":34},4,11,1,7,23,{"idea":37,"performance":40,"design":41,"execution":42},{"positive":38,"critical":39},0,2,{"positive":18,"critical":33},{"positive":33,"critical":33},{"positive":38,"critical":18},[33,38,38,38,38,38,44,38,44,18,38,18,38,38,38,38,38,38,38,38,38,18,38,38,18,38,18,18,38,44,33,18,18,38,38,38,33,33,33,33],5,null,{"problem":45,"audience":47,"pricing":45,"motivation":45,"time_to_build":45,"stack":59,"openness":66,"stage":67,"team_size":67},{"value":48,"source":49,"evidence":50},"React developers building spreadsheet-like editable grids","inferred",[51,55],{"id":52,"by":53,"text":54},"14033394","misiti3780","I am working with two separate clients that need excel spreadsheet functionality in a browser. I evaluated all of the existing open source projects (this wasnt available at the…",{"id":56,"by":57,"text":58},"14032676","osullivj","Very slick looking! Currently I'm using Angular 1.x with editablegrid to enable browser edits on server hosted spreadsheets [1]. The UX quality of this makes me think I should go…",[60],{"value":61,"source":62,"evidence":63},"React","maker",[64],{"id":65},"post","open_source","unknown",{"praise":69,"objections":88,"requests":120,"questions":136,"alternatives":145},[70,83],{"value":71,"source":72,"evidence":73},"Looks polished and slick, demo feels snappy","commenter",[74,78,79],{"id":75,"by":76,"text":77},"14032489","captainmuon","Nice! Looks really polished! One thing I'm wondering about... if this is React based, do you reassign and recalculate the whole grid upon every change? Because the grid is…",{"id":56,"by":57,"text":58},{"id":80,"by":81,"text":82},"14033003","uptown","This looks really great, and I've got an immediate use for something like this. I've been using ag-grid for presentation of grid-based data, but this looks ideal for…",{"value":84,"source":72,"evidence":85},"Useful for editable grids in React",[86,87],{"id":80,"by":81,"text":82},{"id":56,"by":57,"text":58},[89,100,106,113],{"value":90,"source":72,"evidence":91},"Spreadsheets in the browser are a bad idea and scope creep is huge",[92,96],{"id":93,"by":94,"text":95},"14038041","csours","Anytime I see something that looks like Excel on the web, I cringe. Unless you are Microsoft or Google and you are putting spreadsheets on a website (SoW), you are almost…",{"id":97,"by":98,"text":99},"14033086","fiatjaf","This covers 80% of Excel uses, but the rest 20% would take 1000% of the time to implement.",{"value":101,"source":62,"evidence":102},"Not built for large datasets",[103],{"id":104,"by":11,"text":105},"14033182","Definitely not meant for large datasets. I've tried it with about 100rows and pagination. I would work with react-virtualized for datasets that large",{"value":107,"source":72,"evidence":108},"Keyboard does not open on Android, demos read-only on mobile",[109],{"id":110,"by":111,"text":112},"14033717","matthuggins","Looks nice, but the keyboard doesn't come up on mobile (Android), so all the demos are unfortunately read-only.",{"value":114,"source":72,"evidence":115},"Possible patent concerns",[116],{"id":117,"by":118,"text":119},"14032362","euroclydon","Looks beautiful!! But, I can just imagine running this one by the patent attorneys as an open source library to include in our product.",[121,132],{"value":122,"source":72,"evidence":123},"Support for large datasets and virtualization",[124,128],{"id":125,"by":126,"text":127},"14033111","hultner","Any data on how this performs on large datasets? I've previously found that most web based data grids get extremely slow on larger data sets in BI applications (100k+ rows)",{"id":129,"by":130,"text":131},"14034319","georgewfraser","I have spent way too much time building grid components at my company, and I've found that if you have (1) a lot of data, (2) a dense grid, and (3) a grid that occupies most of…",{"value":133,"source":72,"evidence":134},"Better mobile keyboard support",[135],{"id":110,"by":111,"text":112},[137,141],{"value":138,"source":72,"evidence":139},"How does it perform on large datasets?",[140],{"id":125,"by":126,"text":127},{"value":142,"source":72,"evidence":143},"Does it recalculate the whole grid on each change?",[144],{"id":75,"by":76,"text":77},[146,157,164,171,175],{"value":147,"source":72,"evidence":148},"Handsontable",[149,153],{"id":150,"by":151,"text":152},"14033726","sandGorgon","If you can productize this, then you can potentially build a business around this. The most feature filled spreadsheet component today is Handsontable. My company pays for the…",{"id":154,"by":155,"text":156},"14034133","rudiger","What's wrong with Handsontable? It looks pretty good to me.",{"value":158,"source":72,"evidence":159},"react-virtualized",[160],{"id":161,"by":162,"text":163},"14034035","tlrobinson","React Virtualized is also great: http:\u002F\u002Fwww.reactvirtualized.com We (Metabase) switched from FixedDataTable to React Virtualized and are happier with it. The only major issue…",{"value":165,"source":72,"evidence":166},"Kendo UI Spreadsheet",[167],{"id":168,"by":169,"text":170},"14036840","mishoo","Take a look at Kendo Spreadsheet too: http:\u002F\u002Fdemos.telerik.com\u002Fkendo-ui\u002Fspreadsheet\u002Findex (bias alert: I'm part of the team) It's not free, but IMO it's the most Excel-like…",{"value":172,"source":72,"evidence":173},"fixed-data-table-2",[174],{"id":52,"by":53,"text":54},{"value":176,"source":72,"evidence":177},"ag-grid",[178],{"id":80,"by":81,"text":82},{"comments":18,"answered":18,"key":180},[181,182,185],{"id":104,"text":105},{"id":183,"text":184},"14035208","I might look into it in future revisions as large datasets wasn't part of my initial requirement (having a simple grid component that can handle formulas and copy\u002Fpasting). The…",{"id":186,"text":187},"14032550","It calculates the top level grid component but does not render the cell if it's the same cell object :).",{"commenters":189,"max_depth":190,"maker_replies":18,"first_comment_mins":191,"lifespan_hours":192},65,6,17,78,[194,196,200,202,204,206,209,211,214,218,222,224,227,229,231,234,237,240,242,245,248,252,254,257,260,261,265,268,270,273,275,279,282,284,285,287,289,290,293,296,299,301,303,306,308,311,314,317,319,322,325,328,331,334,336,338,341,344,347,350,353,355,359,361,363,366,368,370,374,375,377,380,383,387,388,391,394,396,400,403,406,409,412,414,418,420,422,426,430],[93,38,33,195,94,38],"project\u002Fcritical\u002Fidea",[197,38,38,198,199,38],"14038359","commenter\u002Fneutral\u002Fidea","david927",[201,38,38,198,94,38],"14038583",[203,38,38,198,199,38],"14038993",[205,38,38,198,94,38],"14039164",[207,38,38,198,208,38],"14039059","repsilat",[210,38,38,198,94,38],"14039226",[212,38,38,198,213,38],"14039784","csharpminor",[215,38,38,216,217,38],"14041616","commenter\u002Fneutral\u002Fnone","Tomino",[219,38,38,220,221,38],"14038468","commenter\u002Fneutral\u002Fdesign","josephcooney",[223,38,38,198,94,38],"14038513",[225,38,38,220,226,38],"14039319","flukus",[52,33,38,228,53,38],"other\u002Fneutral\u002Fnone",[161,33,38,230,162,38],"other\u002Fneutral\u002Fperformance",[232,33,44,233,53,38],"14034236","project\u002Fpositive\u002Fperformance",[235,33,38,228,236,38],"14035046","kevinwuhoo",[238,33,38,228,239,38],"14035060","finchisko",[241,33,38,216,162,38],"14035120",[243,33,44,233,244,38],"14036263","kamranasif",[246,33,44,233,247,38],"14036300","rch",[249,33,18,250,251,38],"14038883","maker\u002Fneutral\u002Fidea","TheAceOfHearts",[253,33,18,250,244,38],"14062482",[255,33,38,228,256,38],"14035349","cheapsteak",[258,39,38,228,259,38],"14035858","acemarke",[150,18,18,250,151,38],[262,18,38,263,264,38],"14033819","other\u002Fneutral\u002Fpricing","degenerate",[266,18,38,263,267,38],"14034254","dublinben",[269,18,38,263,151,38],"14034500",[271,18,38,263,272,38],"14035541","teh_klev",[154,18,38,274,155,38],"other\u002Fneutral\u002Fdesign",[276,18,38,277,278,38],"14034568","other\u002Fpositive\u002Fdesign","dabernathy89",[280,18,38,228,281,38],"14036064","arrty88",[283,18,38,228,151,38],"14036084",[168,18,38,228,169,38],[286,18,38,263,251,38],"14038973",[288,18,38,263,151,38],"14039461",[80,31,38,228,81,38],[291,31,38,228,292,38],"14033107","Etheryte",[294,31,38,228,295,38],"14033239","lpa22",[297,31,38,228,298,38],"14034687","rattray",[300,31,38,228,259,38],"14035223",[302,31,38,228,298,38],"14035379",[304,31,38,228,305,38],"14040731","helb",[307,31,38,228,259,38],"14035252",[309,31,38,228,310,38],"14035271","kcorbitt",[312,31,38,228,313,38],"14042065","hakanito",[315,44,38,228,316,38],"14043590","chrishere",[117,190,18,318,118,38],"project\u002Fmixed\u002Fnone",[320,190,38,228,321,38],"14033034","hive_mind",[323,190,38,228,324,38],"14033607","clishem",[326,190,38,228,327,38],"14035038","nikcub",[329,190,38,228,330,38],"14036299","zenlikethat",[332,190,38,228,333,38],"14039294","mason55",[335,190,38,228,118,38],"14041033",[129,34,18,337,130,38],"project\u002Fneutral\u002Fperformance",[339,34,38,228,340,38],"14034379","miralabs",[342,34,38,228,343,38],"14035119","wdfx",[345,34,38,228,346,38],"14037351","djfumberger",[348,34,18,337,349,38],"14034741","toomim",[351,34,38,228,352,38],"14035048","cloverich",[354,34,38,220,130,38],"14035911",[356,34,18,357,358,38],"14037607","project\u002Fneutral\u002Fnone","ic4l",[360,34,38,220,316,38],"14040898",[362,34,38,230,251,38],"14038787",[56,364,44,365,57,38],8,"project\u002Fpositive\u002Fdesign",[125,367,18,337,126,38],9,[104,367,38,369,11,33],"maker\u002Fneutral\u002Fperformance",[371,367,33,372,373,38],"14033871","project\u002Fcritical\u002Fperformance","shaneos",[183,367,38,369,11,33],[75,376,18,337,76,38],10,[378,376,18,337,379,38],"14032522","ChicagoBoy11",[381,376,18,337,382,38],"14032612","netzone",[384,376,38,385,386,38],"14032540","commenter\u002Fneutral\u002Fperformance","prodtorok",[186,376,38,369,11,33],[389,376,38,385,390,38],"14034061","huherto",[392,32,38,228,393,38],"14034448","audiotalo",[395,32,38,228,247,38],"14034516",[397,32,38,398,399,38],"14036254","other\u002Fpositive\u002Fnone","dman",[401,32,38,398,402,38],"14036685","yawgmoth",[404,32,38,228,405,38],"14040058","ceolter",[407,32,38,228,408,38],"14042263","aargh_aargh",[110,410,33,411,111,38],12,"project\u002Fcritical\u002Fexecution",[413,410,33,411,305,38],"14040820",[415,416,38,263,417,38],"14036124",13,"ckluis",[97,419,33,195,98,38],14,[421,419,18,250,324,38],"14033565",[423,424,33,411,425,38],"14032374",15,"swah",[427,428,38,228,429,38],"14034635",16,"frik",[431,191,33,432,433,38],"14032903","project\u002Fcritical\u002Fdesign","gressquel",[],[436,440,445,449,454,458],{"id":437,"name":438,"points":439,"category":20},"14023196","Is It Snappy?",293,{"id":441,"name":442,"points":443,"category":444},"13995891","Redux Offline",174,"languages",{"id":446,"name":447,"points":448,"category":20},"14022059","develmail",149,{"id":450,"name":451,"points":452,"category":453},"14007257","Interactive ClojureScript book",134,"learning_science",{"id":455,"name":456,"points":457,"category":453},"14043519","Robotopia",133,{"id":459,"name":460,"points":461,"category":444},"14041400","AcrossTabs",107,false,"v2",{"id":465,"name":5,"line":6,"ai":462,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":466,"top":18,"kw":467,"maker":11,"domain":10,"tier":19,"attempts":38,"strip":468,"url":9,"mix":469,"praise":71,"objection":90,"sub":21},14032201,-0.17,[24,25,26,27],"1000005053030000000003003033051330001111",[31,32,33,34],1793990957319]