Dustin Getz
Dustin Getz
I am okay with the server refusing to respond to queries with >100 results, in combination with adding a nice way to search (mostly ux right?) – may be very...
https://techblog.commercetools.com/advanced-data-tables-in-react-dbe33f8345ab - https://nadbm.github.io/react-datasheet/ - https://www.ag-grid.com/example.php#/ - http://adazzle.github.io/react-data-grid/ http://adazzle.github.io/react-data-grid/docs/ReactDataGrid API looks workable - https://www.grapecity.com/en/wijmo-flexgrid https://www.grapecity.com/en/blogs/wijmo-flexgrid-best-react-data-grid - https://www.telerik.com/kendo-react-ui/components/grid/advanced-features/hierarchy/ - https://examples.sencha.com/ExtReact/6.6.0/kitchensink/#/ Bad cljs projects - https://github.com/Kah0ona/re-datagrid
An option here is to let a fiddle receive the datomic result value as javascript datastructures (e.g. directly deserialized from transit-js instead of transit-cljs and then converted) - i dont...
Requirements for datagrid - Update performance - Reactjs cell renderers that are efficient - Cell-level buttons that don't disrupt layout (on hover or something) - Must be able to embed...
Ways to vizualize recursive pulls with uniform shape (linked lists): 1. Flatten tree like this: ``` ; homogenous tree (d/pull [{:org/child 10} :group/type]) ``` ![image](https://user-images.githubusercontent.com/124158/49598315-5beeaf80-f94c-11e8-981b-70e30b8fe469.png) https://www.ag-grid.com/javascript-grid-tree-data/#example-org-hierarchy ``` ; homogenous tree...
2. master/detail expandos: ``` ; master/detail tree - subtree has different shape (d/pull [:category/id :category/name :category/description {:category/products [:product/id :product/name :product/unit-price]}]) ``` ![image](https://user-images.githubusercontent.com/124158/49598593-fa7b1080-f94c-11e8-8a38-646e0cecef6c.png) https://www.telerik.com/kendo-react-ui/components/grid/advanced-features/hierarchy/
React-virtualized looks promising, and it would work with our existing tables! It uses array index addressing, so you pass it a count and a cellRenderer(index) which means it can be...
This is a tree-view, note the inner headers are the same as the outer which is what pull recursion means. So this can fully flatten, and the identity column can...
``` (defn ui [ks items] [:> js/ReactVirtualized.AutoSizer (fn [m] (reagent.core/as-element (into [:> js/ReactVirtualized.Table {:height 800 :className "inspector" :width (aget m "width") :headerHeight 70 :rowHeight 30 :rowCount (count items) :rowClassName (fn...
I got this far with react-virtualized. It is not faster on this simple table. ![image](https://user-images.githubusercontent.com/124158/55002639-5a093480-4fad-11e9-8113-c50c4fdaae52.png) In this profile, the first is the hyperfiddle.ui/table (xray), and the second is react-virtualized grid....