I work on a huge React code base having multiple packages. I want to try to migrate the components of a single package to Preact and rest continue with react components. How to achieve this kind of programming pattern?
How to ensure smooth communication in the case of
<ReactComponent>
<PreactComponent>
<ReactComponent/>
</PreactComponent>
</ReactComponent>
Project Structure is of like: Lets consider we have to convert package2 react components to preact and then use React components with packages of 1 and 3.
ProjectName
| - packages
| | - package1 (React)
| | |- package.json
| | - package2 (Preact)
| | |- package.json
| | - package3 (React)
| | |- package.json
| - package.json