Integration at A Component Level with Makeswift
summary
Demo shows how Makeswift embeds directly into a Next.js app by calling react runtime.registerComponent to expose ordinary React components with style, list and shape controls. Example: an accordion and a react-three-fiber globe accept props (items array, iconColor, locations) and the list/combo control calls a serverless endpoint that uses Google Maps Geocoding API to return id/label/value options. Live demo hits flaky Wi‑Fi but the integration and async fetching ultimately work.
AI-written summary · about
chapters (7)
- 0:00Introduction and setup
- 2:26What Makeswift does
- 3:27Component level integration demo
- 9:24Adding configurable props
- 11:29Advanced async data demo
- 20:29Building pages visually
- 23:17Closing and call to action
related talks
43mDiversity in the World of Web Components
48mWeb Components as micro apps
19mReact Server Components - Under the Hood
36mWeb components - A whirlwind tour thru the future of the web
19mExtensible React
01h 07mDemystifying React Server Components
36mAngular, React, Vue and co: Harmoniously united by web components and micro apps?
12mExploring the Power of React Server Components