Mithril Isomorphic 示例项目教程

Mithril Isomorphic 示例项目教程

mithril-isomorphic-exampleExample of an isomorphic mithril application项目地址:https://gitcode.com/gh_mirrors/mi/mithril-isomorphic-example

项目介绍

mithril-isomorphic-example 是一个基于 Express 的同构 Mithril 应用程序示例。它采用了在这篇博文中描述的架构，可以作为构建同构 Mithril 应用程序的起点。

项目快速启动

克隆仓库

git clone https://github.com/StephanHoyer/mithril-isomorphic-example.git
cd mithril-isomorphic-example

安装依赖

npm install

启动应用

npm start

生产模式（JS 压缩）

NODE_ENV=production node server

应用案例和最佳实践

异步数据渲染

项目中展示了如何处理异步数据渲染。在第二个页面中，路由参数作为 vnode 的属性传递，就像在浏览器中的 Mithril 应用一样。为了渲染异步数据，你需要在 oninit 中返回一个 Promise。

function oninit(vnode) {
  return m.request(apiUrl + 'dog/' + 123).then(function(dog) {
    vnode.state.myDog = dog;
  });
}

使用路由解析器

你也可以使用路由解析器来处理异步数据。项目中将添加第三个路由来展示这一功能。

典型生态项目

依赖管理

项目使用 browserify 进行打包和依赖管理。

路由定义

路由定义在 routes.js 文件中。项目中添加了两个路由用于演示异步数据渲染。

生态项目

• Mithril.js: 一个轻量级的现代 JavaScript 框架，用于构建单页应用程序。
• Express: 一个快速、无约束的、极简的 Node.js Web 框架。

通过以上步骤，你可以快速启动并了解 mithril-isomorphic-example 项目，并探索其在实际应用中的使用和最佳实践。

mithril-isomorphic-exampleExample of an isomorphic mithril application项目地址:https://gitcode.com/gh_mirrors/mi/mithril-isomorphic-example