Hello World

此页面是展示如何使用 Gyron.js JSX 语法创建一个 Hello World 节点，以及最终节点的内容。

const App = <h1>Hello World</h1>
// ↓ ↓ ↓ ↓ ↓
import { jsx } from '@gyron/jsx-runtime'
const App = jsx('h1', {
  children: 'Hello World',
})

上述的转换过程是通过其它平台的能力，比如 babel。在这里JSX可以看到代码转换的具体信息。

如果你需要知道项目如何初始化，可以来这里（初始化）阅读更多信息。

下面是一个在线体验编辑器，它支持本地实时编辑预览等功能，只需要点击运行按钮即可。接下来由它来呈现我们编写的代码。

扩展阅读：

• 代码在使用babel-plugin-jsx转换的过程中会涉及到 hmr 辅助代码的生成，如果你感兴趣可以去babel-plugin-jsx了解更多。
• 不使用 babel-plugin-jsx 插件也可以使用 JSX 语法，详情参见https://babeljs.io/docs/en/babel-preset-react#react-automatic-runtime。