SparrowLaunch

← Work

This page is a technical or product note, not a customer case study.

Salesforce development

React Inside Salesforce

Technical notes on embedding a React interface inside Lightning Web Components when standard page layouts are not enough.

The problem

Some Salesforce user flows are awkward to build as a long sequence of standard page layouts.

The solution

A React bundle can be uploaded as a static resource and mounted from a container LWC, with Apex or Lightning APIs used for data. Related writing is on the blog.

  • Container Lightning Web Component
  • React application bundle as a static resource

Outcome

A technical approach for hosting a React bundle as a Salesforce static resource inside an LWC container.

This page describes a technical pattern: compiling a React app and loading it inside a Lightning Web Component. It is not a customer case study and does not include measured client results.

Built with

React, Lightning Web Components, Apex

Notes

  • Static resource bundle. Lets Salesforce serve the front-end assets from the org rather than a separate public host.

Need help with Salesforce?

Tell me what you are trying to improve, fix, automate, or understand in Salesforce.