Multi-framework support

[chrisvxd]

Puck should explore support for multi-framework support, including:

• Vue.js
• Svelte
• -> Insert other JS framework here <-

Considerations

• The host application is React
• The components API is React
• The DropZone API uses context, which is very React
• Non-web rendering (Swift, Kotlin) and type sharing

Related

• More portable data payload #255

Proposals

No formal proposal yet, just some ideas:

• Keep core as React, and use web components or similar to wrap the host app
• Wrap component render methods using a compatibility layer
• Reconsider DropZone API to avoid context (see More portable data payload #255)
• Consider web components

[peoray]

@chrisvxd any updated plan on this? I'm interested in creating a port for Vue

[chrisvxd]

@peoray I think we might need to tackle #255 first, which I'm planning to explore within the next couple of months.

Interesting to hear your exploring a Vue port. Are you considering an approach similar to the ones outlined above?

[peoray]

@chrisvxd I'm not familiar with Web Component, but after reading about it, it sounds like a good idea. My initial thought was to rewrite in Vue

[tbinna]

Might be useful for this work: Atlassian has released a framework agnostic drag and drop library (I believe after stopping their efforts on the React-specific dnd library).

[chrisvxd]

Thanks @tbinna! We're not considering pragmatic-drag-and-drop as it doesn't support some of the functionality we require (previews, animations)