Dynamic Interactions - Move fast then improve things

Slide deck from my French Touch Dreamin' 2025 talk on Dynamic Interactions in Salesforce.

Transcript

1. #FTD25 Dynamic Interactions Move fast then improve things Keir Bowden
2. •Independent Consultant •Salesforce MVP HoF •Certified Technical Architect Keir Bowden (aka Bob Buzzard) •Golden Hoodie
3. Dynamic Interactions
4. Features •Event based, no-code component communication •Source publishes event, targets react automatically •Declarative wiring through simple field mappings •Components are independent, context is shared
5. How they work accountPicker accountContacts
6. How they work <targetConfig targets=”lightning__AppPage”> <property name=”parentAccountId”/> <property name=”parentAccountName”/> </targetConfig> accountPicker <event name=”accountSelected”> <schema> { “accountId:{“type”:”string”}, “accountName”:{“type”:”string”} } </schema> </event> accountPicker.js-meta.xml accountContacts accountContacts.js-meta.xml
7. How they work
8. How they work accountSelected Event accountId: “001JX00000uajTCYAY” accountName: “Bob Buzzard Inc” Property Update parentAccountId = “001JX00000uajTCYAY” parentAccountName = “Bob Buzzard Inc”
9. Benefits •Rich, modular pages without code (or flow!) •Ease of maintenance and evolution •Reuse components across applications •Decoupled event handling
10. Use Case 1 - Move fast then improve things
11. Demo Video
12. Use Case 2 - Composable Screens
13. Demo Video
14. Use Case 3 - Event driven UI AKA - the wheels come off
15. Demo Video
16. Idempotency Sending the same request multiple times will have the same effect as sending it once itemAdded Event productId: “01tJX00000Lk19tYAB” price: “699” Property Update newItemId = “01tJX00000Lk19tYAB” newItemPrice = “699” Property Values newItemId = undefined newItemPrice = undefined Property Values newItemId = “01tJX00000Lk19tYAB” newItemPrice = “699” itemAdded Event productId: “01tJX00000Lk19tYAB” price: “699”
17. Coherence All parts of the system know a change happened, even if the value stayed the same itemAdded Event productId: {id: 1, value: “01t..”} price: {id: 1, value: 699”} Property Update newItemId = {id: 1, value: “01t..”} newItemPrice = {id: 1, value: 699”} Property Values newItemId = undefined newItemPrice = undefined Property Values newItemId = {id: 1, value: “01t..”} newItemPrice = {id: 1, value: 699”} itemAdded Event productId: {id: 2, value: “01t..”} price: {id: 2, value: 699”} Property Update newItemId = {id: 2, value: “01t..”} newItemPrice = {id: 2, value: 699”}
18. Demo Video
19. More Information •Github Repository : bobbuzz.me.uk/FTD25DI •Salesforce Help : bobbuzz.me.uk/SFHelpDI •LWC Dev Guide : bobbuzz.me.uk/LWCDI