AG Grid Community Update June 2022
Tags: aggrid, react, angular
Published: 2022-07-06 13:10:09

---
title: AG Grid Community Update June 2022
published: true
description: Blog posts, videos, code examples and content related to AG Grid from June 2022
tags: aggrid, reactjs, angular
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5tikpbc9pk8zmymvd9xp.png
---

How was your June? AG Grid managed to spend a lot of time at conferences and we wrote up some experience reports.

- [Angular Kenya Meetup](https://blog.ag-grid.com/angular-kenya-meetup/)
- [JS Nation and React Summit](https://blog.ag-grid.com/js-nation-and-react-summit-june-2022-overview/)
- [Geekle React Global Summit](https://blog.ag-grid.com/geekle-react-global-summit-2022-overview/)
- [Reactathon - React in the park](https://blog.ag-grid.com/reactathon-react-in-the-park-may-2022/)

All the blogs have links to recordings and selected talks.

And if you are interested in getting hands on with AG Grid we presented two workshops at the conferences, video recording and code links are below.

- [Getting Started with AG Grid in React](https://portal.gitnation.org/contents/hands-on-with-ag-grids-react-data-grid) from Sean Landsman ([github code](https://github.com/seanlandsman/ag-grid-react-jsnation))
- [Getting Started with AG Grid in Angular](https://portal.gitnation.org/contents/get-started-with-ag-grid-angular-data-grid) from Stephen Cooper ([github code](https://github.com/StephenCooper/ag-grid-angular-jsnation))

We also had fun by releasing our first music video. It was actually created by Samantha from Angular Nation but features the AG Grid team dancing with our CEO Niall Crosby doing the bulk of the dancing on behalf of AG Grid.

- [You can find the story behind the video in this blog post](https://blog.ag-grid.com/angular-nations-ag-grid-music-video/)

{% embed https://www.youtube.com/watch?v=OhScHn9fOVw %} 

## On The AG Grid Blog

What else is new on the AG Grid blog?

[How to Evaluate a Javascript Data Grid](https://blog.ag-grid.com/how-to-evaluate-a-javascript-data-grid/) provides some suggestions for evaluating a data grid based on our experience and from case studies we've gathered from customers. When putting the post together I was surprised to see so many jobs advertising AG Grid as a key skill so I added that as one of the evaluation criteria, after all, you want to know if you can hire experienced staff when you choose a component.

[Styling AG Grid with Custom CSS](https://blog.ag-grid.com/styling-react-data-grid-with-custom-css-styles/) explains some of the ways of using CSS to style the grid. We have another post about themes coming up. And in our new release of AG Grid we've extended styling capabilities even further by allowing use of [CSS Variables when creating themes](https://www.ag-grid.com/react-data-grid/global-style-customisation-variables/).

[Headless React Table Compared with AG Grid](https://blog.ag-grid.com/headless-react-table-vs-ag-grid-react-data-grid/) compares AG Grid with React Table and has Storybook examples for the different features compared. We are big fans of React Table so the post above is a comparison, not a hit piece.

Both the "headless" and the "evaluation" posts are a result of us being aware that different projects have different needs. Some projects want to build their own GUI for the grid, in which case React Table is a good choice. Other teams want more features out of the box, in which case AG Grid is a good fit.

In fact, we've teamed up with [Tanner Linsley](https://tanstack.com/) to try and improve the quality of all data grid offerings available and help people understand which technology fits each project most effectively. [Tanner wrote about this partnership on his site](https://tanstack.com/blog/ag-grid-partnership).

Our new version of AG Grid has some major changes for Angular around Generics and using the Ivy Distribution format. This requires some changes for [older versions of Angular which you can read about in this blog post](https://blog.ag-grid.com/upcoming-changes-to-ag-grid-angular-in-v28/).

Stephen Cooper made an appearance on [The Angular Plus Podcast](https://blog.ag-grid.com/ag-grid-on-the-angular-plus-show-podcast/) and we've summarised the podcast in the linked blog post.

## Community Updates

But it wasn't just AG Grid that was busy, we found a lot of community content related to AG Grid as well.

- New [video from Philip Eschenbacher](https://www.youtube.com/watch?v=_eOYHBGS_vU) showing live realtime updates from a MondoDB database in AG Grid.
- AdapTable tools released an [overview video of their AG Grid extension component](https://www.youtube.com/watch?v=ISp8LKMx9vA ) with all the new features they've added. A great example of how customisable AG Grid is.

## Community Projects

We also found a tonne of projects using AG Grid out on Github so it might be worth diving into the code and seeing if you can learn something.

- [Apache Traffic Control](https://trafficcontrol.apache.org/) is migrating many of the data tables on their front end to use AG Grid.
- The [vega blockchain protocol tool uses AG Grid in its frontend](https://github.com/vegaprotocol/frontend-monorepo).
- Hoist is a [framework for rapid application development](https://github.com/xh/hoist-react)
- The [Bloom Affordable Housing System](https://github.com/bloom-housing/bloom) uses AG Grid on the front end for filterable data tables.
- The [Open Microscopy Environment](https://github.com/ome ) uses AG Grid in its [Search Engine GUI](https://github.com/ome/omero_search_engine)
- [Talend UI Components](https://github.com/Talend/ui/) have some [Storybook examples covering their extensions for AG Grid](http://talend.surge.sh/datagrid/?path=/story/datagrid-component--default)

Plenty of stuff there to dig into.