AG Grid Community Roundup November 2021
Tags: aggrid, javascript, angular, react
Published: 2021-12-03 15:41:41

---
title: AG Grid Community Roundup November 2021
published: true
description: All the blog posts, videos, podcasts we found interesting and useful in November.
tags: aggrid, javascript, angular, react
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0yejl5wy0ig531ijx5oa.png
---

November has come and gone, which means that Black Friday has passed, but fear not. In this community roundup post we have lots of free resources to learn from.

## AG Grid's Every Day is Black Friday Community Edition

AG Grid never does a Black Friday Sale because we offer the community edition of AG Grid for free every day. You can use the community edition for free, forever and even in commercial products. It's MIT licensed and [available on Github](https://github.com/ag-grid/ag-grid)

{% instagram CW-9kqptJhC %}

## New Release of AG Grid

We [released a new version of AG Grid](https://blog.ag-grid.com/whats-new-in-ag-grid-26-2/) which adds a couple of very useful features with the main points being:

- [in-cell sparklines](https://www.ag-grid.com/javascript-data-grid/sparklines-overview/)
- AG Grid's [100% React Rendering Engine](https://www.ag-grid.com/react-data-grid/reactui/) now covers all the features of the grid.

### Sparklines

The Sparklines are an extension of our integrated charts so is available in the Enterprise edition.

You can see them in action in this video:

{% youtube 4f-3vJ6PFC0 %}


### React Rendering Engine

A 100% React Rendering engine is actually a pretty big deal for us, and we should probably have bumped the version higher :)

If you want to learn more about the rendering engine then we cover it in this video:

{% youtube LeQ_kW9PWFk %}

## StoryBookJS's Interactive Stories

[Angular Nation](angularnation.net) hosted a Storybook Office Hours session where the full interactive capabilities were demonstrated to show state changes being check after user interaction events with the new [Storybook Interactions Add-on](https://storybook.js.org/addons/storybook-addon-interaction).

It is well worth signing up to Angular Nation so you can take part in all their free events. Fortunately the office hour session has been released to YouTube and it is a great interactive demo:

{% youtube l4NV2MiJRvE %}

## PodCasts

The WebRush podcast released some interesting episodes:

- [Val Neekman talking about FullerStack open source Angular dashboard](https://webrush.io/episodes/episode-160-fullerstack-with-val-neekman)
- [Mobile application tooling and frameworks](https://webrush.io/episodes/episode-159-do-mobile-web-with-your-preferred-web-stack-with-max-lynch)
- [Svelte and Elder.js](https://webrush.io/episodes/episode-158-svelte-and-elderjs-with-nick-reese)
- [Advice on Job hunting](https://webrush.io/episodes/episode-161-searching-for-a-job-with-laurie-barth)

And if you are looking for a new job, we recommend doing a quick search on job sites for "AG Grid" and you'll see it's a valuable and in-demand skill. The easiest way to build the skill is to create applications that use AG Grid.

## Football Stats Direct uses AG Grid

A live example of AG Grid can be found at [FootballStatsDirect.com](http://FootballStatsDirect.com) and you can see the Enterprise edition being used live allow you to pivot, group, export and chart football result statistics.

[![Football stats](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yv9u467dw84pj01gjvra.png)](http://FootballStatsDirect.com)
  
You can see [more examples of AG Grid applications in this showcase](https://blog.ag-grid.com/showcase/) page.

## Content About AG Grid

This blog post from Ramya Balasubramanian shows [How to Create a Reusable Angular Components for using Templates](https://javascript.plainenglish.io/creating-a-reusable-component-for-using-templates-in-ag-grid-tables-6d9a8dfc88e3)
 in AG Grid.

If you are interested in styling AG Grid then the [Vuestic UI Framework has an AG Grid Theme](https://vuestic.dev/en/extensions/ag-grid) which might give you some good ideas for your own theme. You can learn all about [AG Grid Themes in the documentation](https://www.ag-grid.com/javascript-data-grid/themes/).


## React Conference Content

All of the talks from [React Brussels 2021 are now on YouTube](https://www.youtube.com/playlist?list=PL53Z0yyYnpWhX3I9yp5BYqRJ_7m19-uHU).

It's worth having a look through because there is bound to be something to learn.

## On The Blog

On the blog in November we covered:

- [Using React Testing Library with a 3rd Party Component](https://blog.ag-grid.com/using-react-testing-library-with-ag-grid/)
- [How to build a CRUD application using Angular, Redux and AG Grid](https://blog.ag-grid.com/building-crud-in-ag-grid-with-angular-and-redux/)
- [Proof Trading Case Study](https://blog.ag-grid.com/proof-trading-case-study/)
- [Automatically generated column headers](https://blog.ag-grid.com/automatic-header-names/)
- [Dynamically Creating AG Grid Columns From JSON](https://blog.ag-grid.com/dynamically-setting-ag-grid-columns-from-json/)


### Using React Testing Library with a 3rd Party Component

A post showing [how to use Jest and the React Testing Library for a 3rd party component]((https://blog.ag-grid.com/using-react-testing-library-with-ag-grid/)), in this case the 3rd party component was AG Grid but the approach should work for any 3rd party component.

We don't use any internal information about the component and haven't had to edit it in any way to expose `data-testid` attributes.

Our documentation has information on how to use [Jest and Enzyme to test](https://www.ag-grid.com/react-data-grid/testing/) which would give access to the internal API, if you want even more control over your testing.

### Customer Case Study - Proof Trading

In the [Proof Trading Case Study](https://blog.ag-grid.com/proof-trading-case-study/) we sat down to learn about their business and how they use AG Grid in their real time trading platform.

### Building a CRUD App with Angular and Redux

In this post [Marats Stelihs](https://blog.ag-grid.com/author/marats/) shows [how to build a CRUD application using Angular, Redux and AG Grid](https://blog.ag-grid.com/building-crud-in-ag-grid-with-angular-and-redux/)

### Automatic Header Names

[Stephen Cooper] wrote a post describing the [various ways that AG Grid automatically generates column header names](https://blog.ag-grid.com/automatic-header-names/) which can help save time writing column definition code.


### Dynamically Creating AG Grid Columns From JSON

Rarely, do we need to [dynamically create AG Grid Columns From JSON](https://blog.ag-grid.com/dynamically-setting-ag-grid-columns-from-json/) because we normally know the data set we are working from. But it is useful to have the options open to us if we need them.

---

That's probably enough for the moment.