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

Content About AG Grid

Testing Custom Components

Rex is creating a series of TDD and Testing blog posts and one of those describes How to test a React Custom Cell Renderer Component.

Streamlit

Streamlit created a list of popular components for their easy to use Python Web App Framework. One of those is a Streamlit Wrapper for AG Grid.

This blog post explains why you should use the streamlit AG Grid component.

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 which renders element data scraped from a web site via a CSS Locator Query and is live on Streamlit here.
• A Plausible.io Stats Viewer which show page views and web stats retrieved from the plausible.io web analytics API. app can be found live here on streamlit.io

German Language Mongo DB Atlas Tutorial

Philip Eschenbacher is a Solutions Architect at MongoDB 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

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

On The AG Grid Blog

Case Study

Viqas Hussain provided a case study write up of his 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

CRUD with Sequelize and Angular

Bam Fard 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

Or view the source code on Github

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 and Sam Julien.

These are full courses and tutorials available online for free.

Read the post Free Online Training Courses for React and Angular with AG Grid

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 and receive descriptions of all the updates and improvements we add.