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
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 we use Plunker to provide an interactive playground for all of our code examples. In the latest release we have updated our template to take advantage of Plunker's Typescript support.
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
React Code Tetris in 200 Lines of Code using React Writing Tetris is exciting, as it forces you to understand many aspects of a programming language / framework in a very small application.
React Why AG Grid's React Rendering Matters A React JavaScript Data Grid that is rendered 100% in React. The Grid does exactly the same thing regardless of which rendering engine is used.
How To Minimising Application Bundle Size You can minimise your application bundle size when working with AG Grid. This can be important if you want to improve your page load times, especially over slower networks.
Releases What's New in AG Grid 27 See the improvements in Ag-Grid 27 - new React rendering, examples in Typescript, column filtering improvements, sparkline crosshairs and more.
Misc Free Online Training Courses for React and Angular with AG Grid We are aware that people have different learning styles so here are the free online training courses that we are aware of.
Misc Football Stats Direct Case Study FootballStatsDirect is a React app hosted on Firebase which charts and displays various football statistics retrieved from an external API.
How To Building CRUD operations in AG Grid with Sequelize & Angular Learn how to implement CRUD operations in AG Grid, Angular and Sequelize. We'll take you step by step through setting up and integrating AG Grid, a Node.js server with Express, Sequelize and a PostgreSQL database.
How To Quick Filter on only Visible Columns AG Grid provides a handy "quick filter" that enables you to filter all your grid data by providing a string filter value.
Testing Cypress Plugin for AG Grid Kerry McKeever created a Cypress plugin for helping automate AG Grid. The plugin is open source and available on Github. Kerry was kind enough to spend some time with us to explain how the plugin works and demonstrate it in action.
Testing Using React Testing Library with AG Grid Having written a Podcast Player using AG Grid, we should really add some tests. This post shows how to use Jest and the React Testing Library with AG Grid.
How To Automatic Header Names Did you know that you don't always have to provide a headerName to your column definitions in AG Grid?
Releases What's new in AG Grid 26.2 See the key improvements in AG Grid 26.2 - ReactUI customizations support, bar sparkline, column filtering improvements, accessibility and framework support.
How To Dynamically Creating AG Grid Columns From JSON In this blog post we will show how to dynamically configure and read a JSON object from API calls into AG Grid.
