Connecting React to Salesforce Data: GraphQL & Apex Web Services (Saman Attar) | Multi-Framework P2
Saman Attar, Senior Developer at F5 and founder of Camp Apex, joined Code With Sally for a community session on connecting React apps to live Salesforce data. We pick up where Part 1 left off: the React app is built, but now it needs to read and write real records — using GraphQL and Apex Web Services.
In this session, we cover:
→ LWC vs React — Salesforce's own guidance on when to reach for each, plus a side-by-side syntax map
→ Converting a Lightning Web Component to React, live
→ State and props in React (useState, direct props) vs LWC (@track, @api)
→ GraphQL explained — what it is, and how it solves over-fetching and under-fetching
→ Running your first GraphQL query against Salesforce through the UI API
→ Wiring React to Salesforce data with the new Salesforce Data SDK
→ Apex Web Services — calling a custom Apex REST endpoint from React
→ Live community Q&A
⏱️ TIMESTAMPS
00:00 Session Opening + Welcome
02:18 Saman Kicks Things Off
02:40 Recap of Part 1
03:24 What We're Covering Today
04:41 Your Questions from Part 1, Answered
08:37 LWC vs React: Syntax + When to Use Each
12:06 Practice: Same Component, LWC vs React
13:53 Practice: Handling State (useState vs LWC)
16:56 Practice: Props in React vs @api in LWC
18:01 Wrapping Up LWC vs React
18:41 Getting Salesforce Data into React: GraphQL Explained
27:26 Demo: Using GraphQL in React
49:08 Demo: Using Apex Web Services with React
57:27 Session Closing
🔗 CONNECT WITH SAMAN : LinkedIn: / saman-attar
🔗 RESOURCES
→ Watch Part 1 — Salesforce Multi-Framework: Intro to React: • Salesforce Multi-Framework: Intro to React...
→ Salesforce Multi-Framework full playlist: • React on Salesforce — Code With Sally (Eng...
→ Session resources on GitHub: https://github.com/CodeWithSally/Code...
→ React component snippet (VS Code extension): https://marketplace.visualstudio.com/...
→ How to add your own VS Code snippets: https://code.visualstudio.com/docs/ed...
→ LWC vs React differences (Salesforce docs): https://developer.salesforce.com/docs...
→ GraphQL on Salesforce (Salesforce docs): https://developer.salesforce.com/docs...
→ Salesforce Data SDK intro (Salesforce docs): https://developer.salesforce.com/docs...
💬 Have questions about GraphQL or Apex Web Services? Drop them in the comments!
👍 If this helped you, please LIKE and SUBSCRIBE for more Salesforce developer content every week.
#CodeWithSally #React #Salesforce #TrailblazerCommunity #GraphQL #SalesforceDeveloper
============
Music by: https://www.bensound.com
License code: TU8S0NYOFPXCLQU8
Artist: : Benjamin Tissot
Music: bensound.com
License code: E1MIMIY7S7BTBSUG
Artist: : Benjamin Tissot