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.
Top comments (0)