Hyperdom 开源项目教程-优快云博客

本文链接：https://blog.youkuaiyun.com/gitblog_00390/article/details/141913733

Hyperdom 开源项目教程

项目地址:https://gitcode.com/gh_mirrors/hy/hyperdom

1、项目介绍

Hyperdom 是一个快速、功能丰富且简单的框架，用于构建动态浏览器应用程序。它支持简单的事件-更新-渲染周期、异步操作的 Promise、JSX 和非 JSX、客户端路由、SVG、双向数据绑定、服务器端渲染，并优化了性能、开发者可用性和应用程序架构的简单性。Hyperdom 受到 React 的影响，并使用 virtual-dom 进行 DOM 补丁，但与 React 不同，它不需要状态管理。

2、项目快速启动

安装

首先，通过 npm 安装 Hyperdom：

npm install hyperdom

创建一个简单的应用

创建一个名为 app.js 的文件，并添加以下代码：

import hyperdom from 'hyperdom';

const App = () => {
  return hyperdom.html`<div>Hello, Hyperdom!</div>`;
};

hyperdom.append(document.body, App);

在 index.html 中添加以下内容：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Hyperdom App</title>
</head>
<body>
  <script src="app.js"></script>
</body>
</html>

运行你的应用：