Должен ли я использовать StencilJS с ReactJS?

Question

Вот проблемы, с которыми я еще сталкивался:

1. Интеграция: я пытался интегрировать Stencil и React, как указано на официальном сайте Stencil. Оказалось, что мне нужно собрать свой компонент Stencil перед добавлением его в мое приложение, и мне нужно скопировать его в node_modules, иначе он выдаст какую-то ошибку в файле Polyfills.
2. Я не могу передать функциюили объект в качестве опоры из моего приложения React App к трафарету
3. В нем нет примеров настройки реакции с трафаретом

Кто-нибудь может мне помочь?

Answer 1

Лично я использую свой собственный экземпляр github, куда я загружаю весь проект веб-компонентов с папкой dist и loader в github. После этого вы можете использовать эту команду для загрузки проекта в ваши npm-модули приложения React. Он работает немного как npm install из вашего репозитория github.

git+https://my-github-instance/web-components/my-components.git

Вот некоторые подробности, если у вас возникли проблемы с его запуском.

Как установить пакет npmнепосредственно из GitHub?

Чем вы можете просто установить npm update / npm install, чтобы получить самую свежую версию ваших веб-компонентов в приложении React.

Документация по трафарету довольно подробнаякак вы можете использовать веб-компоненты в React:

https://stenciljs.com/docs/react

Удачи

Answer 2

Из коробки React имеет проблемы с интеграцией с пользовательскими элементами (такими как компоненты трафарета) - более подробную информацию вы можете найти по адресу https://custom -elements-everywhere.com / , а также с несколькими обходными путями.

Для облегчения этой интеграции компоненты трафарета могут быть расширены с помощью слоя привязок для React, который преобразует пользовательские элементы в расходные компоненты React. Подробности смотрите здесь: https://github.com/ionic-team/stencil-ds-plugins#react