Building a React Datagrid using ag-Grid — a Perfect Match

Niall Crosby
Jan 28, 2016 · 2 min read

ag-Grid is an enterprise JavaScript data grid with zero library dependencies, including no dependency for its rendering. You can build an application using just JavaScript and ag-Grid alone. The ‘ag’ stands for framework AGnostic.

Now ag-Grid is providing a React component and React rendering. ag-Grid is fully integrated with React and treats React as a first class component — meaning if you are using React, ag-Grid is NOT using any other framework to get the job done.

React Components follow standard DOM interaction patterns using properties, events (callbacks) and an optional API for interacting with the components. React also uses immutability to assist state management. ag-Grid uses the same principles. ag-Grid’s core interface maps directly onto what is required by React making ag-Grid and React match perfectly.

Sample ag-Grid and React — see full example

ag-Grid then goes one step further, it embraces React for rendering. That means you can use React for custom cell rendering, if you choose, inside the grid. You provide ag-Grid with the React component and it knows what to do to seamlessly integrate. No other grid on the market is both agnostic and still allows you to use React for rendering.

ag-Grid’s future is bright. Its ability to integrate with the different frameworks makes it strongly positioned to be the enterprise level data grid everyone was waiting for. You won’t need to throw away your grid next time you want to move to a different framework.


Learn more about ag-Grid and React

ag-Grid

We are ag-Grid and our mission is to build the best datagrid in the world

Niall Crosby

Written by

I am the CEO of ag-Grid. I have 15 years of experience building Enterprise applications before launching my own product ag-Grid Enterprise.

ag-Grid

ag-Grid

We are ag-Grid and our mission is to build the best datagrid in the world

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade