Menu

How does VuReact implement Vue dynamic components in React?
🖼️

How does VuReact implement Vue dynamic components in React?

DEV Community: vue·Ryan John·5 months ago
#QsHVKe9i
#dev#component#react#attribute#article
Reading 0:00
15s threshold

VuReact is a compiler for migrating from Vue to React — and for writing React with Vue syntax. In this article, we dive straight into the core: how Vue's common is and :is attributes are compiled into React code by VuReact.

Before We Start

To keep the examples easy to read, this article follows two simple conventions:

All Vue and React snippets focus on core logic only, with full component wrappers and unrelated configuration omitted.

The discussion assumes you are already familiar with the usage and use cases of Vue 3's is attribute.

Compilation Mapping

Dynamic components: :is attribute

The :is attribute is used for dynamically rendering components.…

Continue reading — create a free account

Join HashtagPLUS to read full articles, follow hashtags, vote, and join the conversation.