Geekle React Global Summit 2022 Overview
Tags: react, aggrid
Published: 2022-06-27 10:18:29

---
title: Geekle React Global Summit 2022 Overview
published: true
date: 2022-06-24 13:27:04 UTC
tags: React,aggrid
canonical_url: https://blog.ag-grid.com/geekle-react-global-summit-2022-overview/
cover_image: https://blog.ag-grid.com/content/images/2022/06/geekle-react-conf-tiny.png
---

 ![Geekle React Global Summit 2022 Overview](https://blog.ag-grid.com/content/images/2022/06/geekle-react-conf-tiny.png)

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

The [free live stream of the event can be viewed on YouTube](https://www.youtube.com/watch?v=u4QTr56t7iM).

And the free streamed events for all their conferences can be viewed on [their YouTube channel](https://www.youtube.com/c/GeekleOfficial), with conferences for Angular, Game Development, Flutter, Data Science, Vue, Java and more.

Our CEO, Niall Crosby, presented a talk describing the work done to convert AG Grid from a React Wrapper to a 100% React Data Grid, while at the same time supporting Angular, Vue and any JavaScript framework. We achieve this through an MVC style architecture. Niall explains more in the talk:

[![Geekle React Global Summit 2022 Overview](https://blog.ag-grid.com/content/images/2022/06/geekle-niall-tiny.png)](https://youtu.be/u4QTr56t7iM?t=8890)

In addition there was [a live Q&A](https://youtu.be/u4QTr56t7iM?t=10246) with [Stacy Cash](https://twitter.com/stacy_cash) moderating and asking the questions.

I've listed a few of the talks that were most relevant to me.

[A Deep Dive into React Keys](https://www.youtube.com/watch?v=u4QTr56t7iM&t=11252s) - by [Joon Park](https://joonpark.dev/) explains how keys are used in conjunction with the React rendering process, and describing the Eager Update pattern where a GUI renders, and updates the server side state in the background. Based on this I was able to update some Storybook code to reflect new grid states when user properties were changed.

[Josh Goldberg](https://www.joshuakgoldberg.com/) covered various approaches for stubbing and mocking when testing components with external dependencies. Covering `jest.mock` at a global and module level. Also dependency injection by passing APIs as props and via React context. This is in the [Props, Mocks, and Context: Unit Testing Heavy Components](https://www.youtube.com/watch?v=u4QTr56t7iM&t=21124s) talk. The Q&A session provided a good answer covering when to use Context and when to use Redux.

[Sean McPherson](https://seanmcp.com) in the talk [React Bug Catcher](https://www.youtube.com/watch?v=u4QTr56t7iM&t=26927s) discussed debugging, the debugging mindset, and a practical overview of using the browser dev tools to investigate and explore an application issue.

[Nick Nisi](https://twitter.com/nicknisi) provided a clear example of using XState state machines in a React application in the talk [Componentizing Application State](https://www.youtube.com/watch?v=u4QTr56t7iM&t=29357s). Also interesting to see the state machine updating in the dev tools view.

It's worth looking through the list of talks and see which stand out for you (there is a [handy table of contents in the description of the live stream](https://www.youtube.com/watch?v=u4QTr56t7iM)).

<!--kg-card-end: markdown-->