Workshop: Cross-Platform GraphQL & State Management with React Native

on YouTube ↗01h 12m

" summary

A concrete setup for cross‑platform React Native apps: an Expo app talking to a Graph Yoga GraphQL server using an axios fetcher instead of Apollo/Relay, server state handled by React Query + Easy Peasy for local/global state, and a working demo app (memos) that fetches user lists, renders avatars, and recovers offline. Config choices include staleTime = 5min, cacheTime = 1 day, background refetching and scroll recovery are enabled, and the combination avoids duplicate caches and preserves smooth UX.

AI-written summary · about

" chapters (6)

1. 0:00Introduction and motivation
2. 10:24Setting up React Native with Expo
3. 23:37GraphQL client setup with Axios
4. 31:07Configuring React Query for state
5. 47:42Implementing Easy Peasy for global state
6. 1:09:02Q&A and closing remarks

" related talks

• 30mReact state management in a GraphQL eraKitze Ristovski · AgentConf 2018
• 52mState management in a GraphQL eraKristijan Ristovski · Voxxed Days Bucharest 2018
• 28mGraphQLifying React Native AppJuha Linnanen · React Native EU 2020
• 25mReact state management in a GraphQL eraKitze Ristovski · ReactJS Day 2017
• 27mReact State Management In a GraphQL EraKITZE · FrontEnd Con 2018
• 58mCrafting compelling real-time web experiences with GraphQL and ReactRob Crowley · NDC Sydney 2018
• 24mReact State Management In a GraphQL EraKitze Ristovski · React Amsterdam 2018
• 22mReact State Management in a GraphQL EraKitze Ristovski · React Day Berlin 2017