AG Grid Community Roundup January 2022
Tags: javascript, angular, react, aggrid
Published: 2022-02-02 15:52:52

---
title: AG Grid Community Roundup January 2022
published: true
description: All the AG Grid blog posts and content we created or noticed in January 2022
tags: JavaScript, Angular, React, AgGrid
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/h2xn4b5652eogpzl0hem.png
---

![free courses and cases studies](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/h2xn4b5652eogpzl0hem.png)

**Happy New Year. January 2022 got off to a great start for AG Grid content.**

## Content About AG Grid

### Testing Custom Components
[Rex](https://dev.to/rexebin) is creating a series of TDD and Testing blog posts and one of those describes [How to test a React Custom Cell Renderer Component](https://dev.to/rexebin/testing-ag-grid-reacts-custom-cell-renderer-component-23g1).


### Streamlit

[Streamlit](https://streamlit.io/) created [a list of popular components](https://towardsdatascience.com/5-streamlit-components-to-build-better-applications-71e0195c82d4) for their easy to use Python Web App Framework. One of those is a [Streamlit Wrapper for AG Grid](https://github.com/PablocFonseca/streamlit-aggrid).

This blog post explains [why you should use the streamlit AG Grid component](https://towardsdatascience.com/7-reasons-why-you-should-use-the-streamlit-aggrid-component-2d9a2b6e32f0).

Both of these posts encouraged me to investigate Streamlit in more detail. One benefit of the Streamlit framework is that they also provide simple free hosting for Python projects using the Streamlit framework. This is a great way to get small and prototype applications working and make them public for other people to use.

Two of the applications I wrote and deployed use the AG Grid wrapper.

- [An Adhoc Web Page Data Scraper](https://talotics.com/apps/adhoc-web-scraper/adhoc-page-scraper/) which renders element data scraped from a web site via a CSS Locator Query and is [live on Streamlit here](https://share.streamlit.io/eviltester/seo-tooling/main/src/doStreamlitAdhocWebScraper.py).
- [A Plausible.io Stats Viewer](https://talotics.com/apps/plausible-io/api-based-stats-viewer/) which show page views and web stats retrieved from the [plausible.io](https://plausible.io/) web analytics API. [app can be found live here on streamlit.io](https://share.streamlit.io/eviltester/seo-tooling/main/src/doStreamlitPlausibleStats.py)

### German Language Mongo DB Atlas Tutorial

[Philip Eschenbacher](https://www.linkedin.com/in/philip-eschenbacher-57a817b5) is a Solutions Architect at [MongoDB](https://www.mongodb.com/atlas/database) and has started to create a YouTube video series showing Mongo DB Atlas in combination with AG Grid.

The videos are spoken in German, but for those of you that don't speak German a handy tip for getting more value out of them is to use the YouTube Auto Translate Captions feature.

- click settings
- choose subtitles "German (auto generated)"
- choose subtitles again and pick the "Auto Translate" option
- then choose the language you prefer

The code for the video series is also available and is easy to read for English speakers.

[github.com/phil2211/RealmGridVideoTutorial](https://github.com/phil2211/RealmGridVideoTutorial)

### Free Code Camp Post

On Free Code Camp I contributed a blog post showing how to move from a static HTML table, to an HTML table that renders data from an API, to an AG Grid Data Grid that also supports sorting, filtering and pagination.

The code evolves throughout the blog post so it is easy to see how little code AG Grid requires to be useful.

[How to convert a static HTML Table to a Dynamic JavaScript Data Grid](https://www.freecodecamp.org/news/convert-html-table-to-dynamic-javascript-data-grid/)

## On The AG Grid Blog

### Case Study

[Viqas Hussain](https://blog.ag-grid.com/author/viqas/) provided a case study write up of his [FootballStatsDirect.com](https://footballstatsdirect.com) site which uses AG Grid to render Football statistics and makes great use of our Grouping and Aggregation functionality as well as integrated charts for exploring football data. The data used is live and retrieved from the official football stats APIs.

Read the [Football Stats Direct Case Study](https://blog.ag-grid.com/football-stats-direct/)

### CRUD with Sequelize and Angular

[Bam Fard](https://blog.ag-grid.com/author/bam/) contributed a blog post with an in-depth look at creating a CRUD application using Angula, Sequelize, PostgresSQL, Node.js and Express.

Read the blog post [Building CRUD operations in AG Grid with Sequelize & Angular](https://blog.ag-grid.com/building-crud-operations-with-sequelize-angular-ag-grid/)

Or [view the source code on Github](https://github.com/icedjello/sequelize-postgres-olympic-data)

### Free Online Training Courses for React and Angular

I created a quick round up of the free Angular and React courses created by [Brian Love](https://liveloveapp.com/) and [Sam Julien](https://www.samjulien.com/).

These are full courses and tutorials available online for free.

Read the post [Free Online Training Courses for React and Angular with AG Grid](https://blog.ag-grid.com/free-online-training-for-ag-grid-in-react-and-angular/)

## New Release Coming Soon

We have a new release of AG Grid coming out very soon, so if you'd like to be one of the first to know you can [sign up to our mailing list](https://blog.ag-grid.com/newsletter/) and receive descriptions of all the updates and improvements we add.