React внутри Vue 😱

Всем привет! Хочу рассказать о такой штуке как функциональные компоненты в Vue 3. Благодаря им можно использовать JSX внутри Vue. Однако есть определенные сложности при работе с ними. 1. Реактивность - в случае если мы используем в условиях для отрисовки компонента реактивные переменные (например созданные через ref) необходимо явно указывать что передается именно value, в противном случае компонент не будет перерендкриваться и наши. Условия не сработают, а функции не вызовутся. 2. Пропсы - при передаче пропсов, мы не имеем возможности использовать модификаторы пропсов. 3. Оптимизация - при работе с JSX компонентами, необходимо быть более внимательным в этом вопросе, поскольку они сами по себе во Vue медленей чем обычные компоненты. Но не смотря на эти недостатки функциональные компоненты позволяют реализовать с большим комфортом функционал с динамической отрисовкой, что не может не радовать.