Can I write an npm package compatible with preact and react? #497

Activity

1. marvinhagemeister commented on Aug 16, 2018

   

   marvinhagemeister

   on Aug 16, 2018

   Member

   More actions

   Third party packages usually opt for one of the following ways to be compatible with react/preact:

   1. Kepp importing react and tell users to overwrite react import via webpack aliasing
   2. Publish dedicated preact entrypoint mypackage/preact
   3. Publish a completely separate package mypackage-preact + mypackage-react
2. qwertie commented on Aug 16, 2018

   

   qwertie

   on Aug 16, 2018

   Author

   More actions

   Hmm, but if you go with option 1 or 2 - what do you do, mark React as an optional dependency?
3. marvinhagemeister commented on Aug 16, 2018

   

   marvinhagemeister

   on Aug 16, 2018

   Member

   More actions

   For all options you'd mark react or preact as a peerDependency. Otherwise the user would likely end up with multiple versions of (p)react
4. developit commented on Aug 17, 2018

   

   developit

   on Aug 17, 2018

   Member

   More actions

   You might find the technique shown here to be useful:
   https://jasonformat.com/universal-vdom-components-with-factory-loader/

   👍React with 👍1Reacted by Marvin Hagemeister
5. qwertie commented on Aug 17, 2018

   

   qwertie

   on Aug 17, 2018

   Author

   More actions

   I don't think that technique would work in TypeScript (which I'm using) as the compiler would be unable to load the pseudo-module. And I doubt the technique could be used with Parcel (which I'm also using). Hmm...
6. developit commented on Aug 24, 2018

   

   developit

   on Aug 24, 2018

   Member

   More actions

   I've always wanted to release an npm package that tries to infer which virtual-dom library a given project is using. It'd be neat:

   import { createElement, Component, cloneElement, render } from 'any-vdom';
   // if you have preact installed you get the methods from preact
   // if you have react installed you get its methods
   // etc

   👍React with 👍4Reacted by Marvin Hagemeister, Danilo Velasquez Urrutia, Sung Jeon and Sumanth Ratna
7. developit

   added

   discussion

   on Aug 24, 2018