External Contributor - AG Grid Blog

Using Playwright to Test AG Grid React Apps

You’ll learn how to create a simple React application that utilizes AG Grid and validate the functionality of that application at an E2E and component testing level using Playwright.

Tutorial

Using AG Grid in Electron Applications

In this article, you’ll learn how to integrate AG Grid into your Electron app. You’ll create a simple to-do app with native functionality to save and restore its state from a JSON file.

Tutorial

Using React-Bootstrap and AG Grid

In this article, you’ll learn how to integrate React-Bootstrap with AG Grid and see how easy it is to use both tools to build a compelling, user-friendly UI.

React

How to Optimize a React Application Using Hooks and AG Grid

In this guide, you’ll learn about some React optimizations. You’ll also learn about some common mistakes that can lead to unnecessary renders, and you’ll see how you can avoid them.

Misc

Why Use a Third-Party Data Grid Component?

For most projects, a third-party data grid component beats building a data grid yourself. Going with a third-party solution saves your team many months of planning, development, and testing. Furthermore, third-party grid components offer the best long-term support from professional developers

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.

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.

Tutorial

Creating a Custom Theme for AG Grid

In this article, you’ll learn how to adapt the React Data Grid to match your website’s look and feel by creating a custom theme.

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.

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.

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!