From 302c89656d1e9d43db8151bc382dbba725c5b60f Mon Sep 17 00:00:00 2001 From: Flexicious Date: Sat, 25 Feb 2017 20:24:22 -0500 Subject: [PATCH 1/2] Create 2017-02-25-React-DataGrid-DataTable.md --- _posts/2017-02-25-React-DataGrid-DataTable.md | 49 +++++++++++++++++++ 1 file changed, 49 insertions(+) create mode 100644 _posts/2017-02-25-React-DataGrid-DataTable.md diff --git a/_posts/2017-02-25-React-DataGrid-DataTable.md b/_posts/2017-02-25-React-DataGrid-DataTable.md new file mode 100644 index 0000000..331fee4 --- /dev/null +++ b/_posts/2017-02-25-React-DataGrid-DataTable.md @@ -0,0 +1,49 @@ +--- +layout: post +title: "React DataGrid DataTable Component" +date: 2017-02-25 17:00 +excerpt_separator: +author: Shon Fernandez +published: true +categories: react +--- + +ReactJS is an excellent library for building dynamic interfaces. However, it does not ship with a UI component set. +There are number of community driven options available, including material-ui, react-bootstrap, and more. +However, none of these component sets come with a fully featured DataGrid component. Here at [reactdatagrid](http://reactdatagrid.com) +we are tyring to provide this important building block to React Enterprise application developers. + + + +By fully featured DataGrid component, I mean a +datagrid that in addition to basic DataGrid Features like +Ability to organize information as rows and columns, locked headers, Draggable, Resizable, Sortable and Editable Columns, +Keyboard Navigation, Accesibility Support, Inline Filtering, Server and Client Paging, Summary Footers,Export to Excel, Word, Text, XML, +Preference Persistence (Ability for your end users to save viewing preferences, like column order, visibility, widths, +filter criteria, print settings etc.), Hierarchical Grids (Tree Grids), Virtual (Buffered) rendering, Row Span and Column Span and more. + +Our company has been building DataGrid components for over a decade now - and we have recently released http://reactdatagrid.com + + This is a React based datagrid component - which unlike other options on the market has been written in Pure React. + Most other alternatives are basically React wrappers around JavaScript or jQuery components. This is less than ideal. + + First, the big problem here is that you lose context as you go from the React part of your page to the jQuery (or plain JS) + part. React and the third party library conflict in wierd ways because they both want to control the DOM. Not with us + we are pure React, so we hand over the virtual DOM to React to render. + + The second issue is performance. IF you use React components within the cells of the grid that is not written in pure react, + you have to do something like + + ReactDOM.render(, cellDOMElement) + + This is dramatically slower than if you had a pure react datagrid like ours - where you do something like + + itemRenderer = {()=> { return } } + + With our React DataGrid, you get a pure React component with solid featureset that has been battle + tested with our over a decade of experience writing DataGrid components.. + + For more information, please visit [reactdatagrid](http://reactdatagrid.com) + + + From 5bbc7cc681327a5dc9ddf4f1fa6435a0c18698f2 Mon Sep 17 00:00:00 2001 From: Flexicious Date: Sat, 25 Feb 2017 20:41:02 -0500 Subject: [PATCH 2/2] Update 2017-02-25-React-DataGrid-DataTable.md --- _posts/2017-02-25-React-DataGrid-DataTable.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_posts/2017-02-25-React-DataGrid-DataTable.md b/_posts/2017-02-25-React-DataGrid-DataTable.md index 331fee4..e66a8b8 100644 --- a/_posts/2017-02-25-React-DataGrid-DataTable.md +++ b/_posts/2017-02-25-React-DataGrid-DataTable.md @@ -11,7 +11,7 @@ categories: react ReactJS is an excellent library for building dynamic interfaces. However, it does not ship with a UI component set. There are number of community driven options available, including material-ui, react-bootstrap, and more. However, none of these component sets come with a fully featured DataGrid component. Here at [reactdatagrid](http://reactdatagrid.com) -we are tyring to provide this important building block to React Enterprise application developers. +we are trying to provide this important building block to React Enterprise application developers.