AG Grid Community Roundup May 2022

Alan Richardson - Jun 8 '22 - - Dev Community

Image description

In May we released version 27.3 of AG Grid. We also found or created content showing how to use AG Grid with Streamlit, R, SolidJS, Remix.run, NextJS and Storybook (you'll find links to all of that below).

Conferences

In May the conference season started for face to face conferences and AG Grid sponsored the Reactathon conference live stream.

You can watch the full livestreams online:

There were a lot of interesting talks around state management across React apps and use of State Transition concepts. It's worth watching through and seeing which talk catches your eye.

AG Grid staff will be at React Summit and JS Nation in Amsterdam on 16th and 17th June.

In The News

AG Grid has been gathering some press coverage, mainly focussed on the business and how it is possible to create an Open Source product and spin that off into a multi-million dollar product. And some coverage of AG Grid being used in FinTech. Hopefully there will be coverage of technical features but most news outlets are interested in the business success side rather than the technical competence.

It's just worth remembering that AG Grid open source the code on Github and the community edition of AG Grid is MIT Licensed so it can be used in commercial applications completely free.

I've personally found AG Grid very useful and use the community edition in my Test Data Generator and Editing application AnyWayData.com.

Community Posts and Videos

Philip Eschenbacher has been busy creating some new videos in his Mongo DB Series which shows how to build an app with Atlas Mongo DB and AG Grid as the Data View component for the server side database data.

Streamlit have been enhancing the AG Grid plugin for their Python Platform, this is often used for Data Science:

Tool Integrations

During various web searches we noticed that Plotly Dash Enterprise has an AG Grid plugin that they developed especially for some customers. This provides another platform where AG Grid is available as the Data Grid.

SolidJS and R

We are often asked about supporting new frameworks, and we have to make decisions about which frameworks to support based on their popularity as npm downloads and when our customers start using those frameworks.

One up and coming framework is SolidJS which is a Reactive framework but works slightly differently to React.

We don't support SolidJS, we are keeping an eye on its growth, as we do with all frameworks, but it hasn't reached a tipping point where we can officially support it.

But, that doesn't mean AG Grid won't work with it. Because of the MVC architecture we use, the core grid functionality is exposed through JavaScript (and fully typed because we compile down from TypeScript), most frameworks should be able to incorporate and use AG Grid.

We found this community example of using AG Grid within SolidJS from this post on Reddit.

If you know of any community integrations that we haven't mentioned do get in touch and let us know. We are happy to provide publicity for integrations.

We also found this set of example code showing how to add the most up to date versions of AG Grid into an R front end there is a community created R wrapper but it is slightly out of date at the moment.

On The Blog

We also released some new blog posts covering technology that I've been particularly interested in using, but I'm not an expert so we found some people who were to demonstrate how AG Grid can integrate with Remix, NextJS and Storybook.

Sample App

One thing we don't always get the time to do is create apps which showcase AG Grid but one of AG Grid dev team (Shuheb Ahmed) put together an Pomdoro App which demonstrates a bunch of different things:

  • how to use various React hooks
  • how to style the grid and create custom components
  • how to have inter component communication in React

It's an interesting blog post and the runnable app is a functional Pomodoro App, in addition the source code is worth studying to see how it all comes together.

React Data Grid: Use React Hooks to build a Pomodoro App

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .