How to embed our latest Assets picker into other UI products
summary
Adobe turned the React Asset Selector into a standalone micro‑frontend that loads via iframe isolation, exposes a global UMD SDK (pureJavaScriptSelectors), and offers a JS API to registerAssetSelector and render the picker with a single script tag. Authentication uses IMS tokens the SDK generates, selection emits onAssetsSelected with full metadata and rendition links, code lives in separate repos with CI/CD and auto‑updates, and demo integrations require only a few lines of code.
AI-written summary · about
chapters (14)
- 0:00Introduction and overview
- 1:04Evolution of front-end development
- 3:52What are micro front ends
- 5:35Benefits of micro front ends
- 6:18Case study: Asset selector
- 8:24Transforming into micro front end
- 9:27Asset selector architecture
- 10:52Use cases of asset selector
- 12:31Integration API overview
- 15:18Live demo of integration
- 28:20Handling asset selection
- 31:24Generating asset preview
- 36:29Framework-agnostic SDK
- 43:46Future updates and Q&A
related talks
25mIntroduction to Creative Cloud Libraries and Asset Browser APIs
40mDeveloping an Embedding SDK
01h 02mMastering Secure Login Mechanisms for React Apps
41mReact inline visual editing: now's the time.
25mFramework Freedom with Micro Frontends
21mTargeted extensibility: Lessons learned from building Atlaskit
47mCamel and Eye of a Needle: Integration Approaches for SPA-based Micro Frontends
21mFrontend Access Control Using Digital Assets