AG Grid Blog - JavaScript Data Grid supporting React, Angular, and Vue

Angular Kenya Meetup

Stephen Cooper presented at the Angular Kenya Meetup on June 23 2022.

JS Nation and React Summit June 2022 Overview

June was a busy month for the AG Grid team as we were sponsoring and presenting at the JS Nation and React Summit conferences in Amsterdam

Misc

How to evaluate a Javascript Data Grid

What do we do when hunting for a new component to meet a specific need? How do we answer the question "What is the best Data Grid?"

React

Geekle React Global Summit 2022 Overview

The Geekle React Global Online Summit took place in April 2022, AG Grid helped sponsor the conference

React

Reactathon - React in the Park May 2022

React in the Park took place in San Francisco, on 2 - 5 May 2022. AG Grid sponsored the live stream for the conference.

React

Styling React Data Grid With Custom CSS Styles

AG Grid offers three different approaches for applying Custom CSS styles. These approaches are: Cell / Row Styles, Cell / Row Classes, and Cell / Row Class Rules. This tutorial will cover all three methods, each of which is useful in specific situations.

Misc

Angular Nation's AG Grid Music Video

Back in May of 2022, Bonnie and Samantha from Angular Nation made a trip over to London to visit the AG Grid offices where they shot the footage for an Angular Nation AG Grid Music video.

Misc

AG Grid on The Angular Plus Show Podcast

Stephen Cooper was guest on [The Angular Plus show podcast which was released on 8th July 2022. Describing his move into Angular, Automatically Creating Documentation and Examples... and more.

Angular

Upcoming changes to AG Grid Angular in v28

We want to give you notice of the changes that are coming to our Angular wrappers in v28 and actions that you can take now to make the upgrade as smooth as possible.

React

Headless React Table Compared to AG Grid React Data Grid

When building complex web applications, you will often find yourself needing something more advanced than a simple table. This is where data grids come into play. In this context, a data grid is essentially an interactive table.

React

React Data Grid: Use React Hooks to build a Pomodoro App

Learn how to use React Hooks and AG Grid to build a Pomodoro productivity app. See the detailed explanation and get the source code on github.

React

Using AG Grid with React and Next.js

If you’ve worked with React recently, you’ve likely heard of, a popular React framework with a great developer experience. Next.js combines well with many other technologies, including AG Grid. Discover how they work together.

Misc

June Amsterdam Conferences

In June 2022 AG Grid will be sponsoring and presenting at React Summit and JS Nation. These are back to back conferences on the 16th and 17th June.

React

Using Storybook.js with React and AG Grid

A *Storybook* consists of stories for different components that describe your component’s various states. A *story* can be considered as the atomic unit or the smallest component. You can write a story for a component with different parameters or props and see how your component behaves.

Releases

What's New in AG Grid 27.3

AG Grid 27.3 enhances stability, adding tri-state checkbox selection in tree data and chart axis label auto-rotation along with selection and accessibility improvements.

React

Using AG Grid React UI with Remix.run

Learn how to use Remix with AG Grid. Thanks to Remix and AG Grid, you’ll have both your frontend and backend ready in no time!

Misc

Prisma.io Case Study

"We had very specific kinds of behaviour in mind, and spent a lot of time in CodeSandbox experimenting with different libraries, before finding an out-of-the-box solution like AG Grid that fit all our criteria."

React

React 18 - Avoiding Use Effect Getting Called Twice

React 18 introduced a huge breaking change, when in Strict Mode, all components mount and unmount, then mount again... I've created this pattern to work around it.

Releases

What's New in AG Grid 27.2

AG Grid 27.2 enhances stability, adding aggregation and pivot column filtering and saving/restoring secondary column state.

Type checking and auto-completion in Plunker

At AG Grid [https://ag-grid.com/] we use Plunker [https://plnkr.co/edit/Q1z2ksmvW2Pk83zc?open=main.ts] to provide an interactive playground for all of our code examples. In the latest release we

Maximise your productivity with AG Grid Documentation

At AG Grid we put a lot of effort into our documentation as we understand that good documentation helps developers achieve their goals. In this post I want to highlight some features of

Misc

Football Stats Direct Interview

Viqas Hussain created the FootballStatsDirect.com application. Written in React, using RapidAPI and Firebase. We managed to grab some time with Viqas to talk through the project and see a demo of it in action.

Misc

Adaptable Tools Demo and Interview

We sat down with Jonny Wolfson, CTO of Adaptable Tools, and he provided a demo overview of Adaptable Tools in action.

Misc

Pablo Fonseca Interview - Streamlit AG Grid Component

Pablo Fonseca has created a Streamlit Component to make it easy to add AG Grid to Python Streamlit applications. We were able to chat online with Pablo about his project.

Releases

What's New in AG Grid 27.1

AG Grid 27.1 improves quality and developer productivity, while adding significant new charting functionality - integrated combination charts

Enterprise Data Grid for React, Angular, Vue and JavaScript

Learn More

Getting Started

React Data Grid

Angular Data Grid

JavaScript Data Grid

Vue Data Grid

Recent Posts

Angular Kenya Meetup

JS Nation and React Summit June 2022 Overview

How to evaluate a Javascript Data Grid

Geekle React Global Summit 2022 Overview

Reactathon - React in the Park May 2022

Styling React Data Grid With Custom CSS Styles

Angular Nation's AG Grid Music Video

AG Grid on The Angular Plus Show Podcast

Upcoming changes to AG Grid Angular in v28

Headless React Table Compared to AG Grid React Data Grid

React Data Grid: Use React Hooks to build a Pomodoro App

Using AG Grid with React and Next.js

June Amsterdam Conferences

Using Storybook.js with React and AG Grid

What's New in AG Grid 27.3

Using AG Grid React UI with Remix.run

Prisma.io Case Study

React 18 - Avoiding Use Effect Getting Called Twice

What's New in AG Grid 27.2

Type checking and auto-completion in Plunker

Maximise your productivity with AG Grid Documentation

Football Stats Direct Interview

Adaptable Tools Demo and Interview

Pablo Fonseca Interview - Streamlit AG Grid Component

What's New in AG Grid 27.1