Reactathon - React in the Park May 2022
Tags: react, aggrid
Published: 2022-06-27 10:17:59

---
title: Reactathon - React in the Park May 2022
published: true
date: 2022-06-24 13:21:33 UTC
tags: React,aggrid
canonical_url: https://blog.ag-grid.com/reactathon-react-in-the-park-may-2022/
cover_image: https://blog.ag-grid.com/content/images/2022/06/reactinthepark-tiny.png
---

 ![Reactathon - React in the Park May 2022](https://blog.ag-grid.com/content/images/2022/06/reactinthepark-tiny.png)

React in the Park took place in San Francisco, on 2 - 5 May 2022.

- [https://www.reactathon.com/](https://www.reactathon.com/)

AG Grid sponsored the live stream for the conference.

All three days were streamed live on YouTube and are available to watch on the [Real World React Channel](https://www.youtube.com/c/RealWorldReact/videos).

Talks are being edited out and released to the channel as separate videos.

The talks that stood out for me are listed below. Because I'm a fan of State Machines, the two talks about Xstate were top of my list.

[David Khourshid](https://twitter.com/davidkpiano) presented an interesting talk about useEffect called "[Goodbye, useEffect](https://www.youtube.com/watch?v=HPoC-k7Rxwo)" and:

- how it should not be used as a lifecycle hook to load data into the component
- how it should not be used to set state as a side-effect
- how it should ideally be used with a dependency array

He also describes the React 18 Strict Mode change where useEffect is called twice to trigger an effect, cleanup and effect again. This is to help trigger developers to move side-effect code out of the rendering logic and into event handlers.

His recommendation is to treat useEffect as a synchronisation mechanism and use in conjunction with state machines where effects happen during a state transition.

David has a tool called [stately.ai](https://stately.ai/) which helps build [Xstate](https://xstate.js.org/) state machines. This can be used with [useSyncExternalStore](https://reactjs.org/docs/hooks-reference.html#usesyncexternalstore) to synchronise with external data sources.

Another option that the React community seems to be suggesting as an alternative to fetching in a `useEffect` is to use something like the `useQuery` hook from [React Query](https://react-query.tanstack.com/) or [Suspense](https://reactjs.org/docs/react-api.html#reactsuspense). React Query also [supports suspense](https://react-query.tanstack.com/guides/suspense).

[Shruti Kapoor](https://twitter.com/shrutikapoor08) provided a presentation that summarised the changes made in [React 18](https://www.youtube.com/watch?v=Z-NCLePa2x8), spending time on Batching, concurrent rendering, and transitions. Shruti also described an update strategy to start taking advantage of concurrent rendering.

[Erik Rasmussen](https://twitter.com/erikras) provided another state machine based talk ("[State Machines on the Edge](https://youtu.be/0qK2_wi4t3k?t=12767)"), this time for handling backend logic. In the talk Erik creates a state machine visually using Stately.ai and Xstate. This process demonstrates the simulation functionality available for Xstate state machines and the sync to code functionality.

Many of the other talks were interesting in terms of providing overview of the state of the industry and general approaches so it's worth watching the live streams and skipping through to see which talks resonate quickly with you.

We would have loved to have been in attendance at the conference but having the livestream recordings available is incredibly useful. You can watch the live stream recordings from the links below:

- [Day 1 Livestream](https://www.youtube.com/watch?v=V5hPAl1q7vo)
- [Day 2 Livestream](https://www.youtube.com/watch?v=Ck-e3hd3pKw)
- [Day 3 Livestream](https://www.youtube.com/watch?v=0qK2_wi4t3k) (Serverless in the Park)
<!--kg-card-end: markdown-->