Skip to content
On this page

JSX Support

TIP

We recommend using JSX syntax when developing Strve applications, which will greatly improve the user development experience.

The common way we use Strve is to write HTML-like tags in tag templates. We know that this method is not particularly friendly in terms of code intelligent prompts and code formatting in some scenarios. Therefore, we provide a new coding method, we can use JSX syntax to write Strve. JSX is a JavaScript syntax extension that allows you to write HTML-like tags in JavaScript files.

Learn JSX syntax

We can go to React official documentation to learn more about JSX syntax.

Use

CreateStrveApp The project scaffolding tool has been installed by default. Just select the strve-jsx or strve-jsx-apps template.

After we use CreateStrveApp to build the Strve project, you will find that BabelPluginStrve and BabelPluginJsxToStrve are installed at the same time. This is because we need to use BabelPluginJsxToStrve to convert JSX into a tag template, and then use BabelPluginStrve to convert the tag template into Virtual DOM.

Released under the MIT License.