首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

2018年4月15日:开源日报第38期

每天推荐一个 GitHub 优质开源项目和一篇精选英文科技或编程文章原文,欢迎关注开源日报。交流QQ群:202790710;电报群 https://t.me/OpeningSourceOrg

今日推荐开源项目

《一个小巧的 web 前端应用构建框架 hyperapp》

推荐理由:现在使用 React+Redux “全家桶”的方式构建一个前端应用使用得十分广泛,但是当我们在构建一个简单的小应用的时候,使用 React+Redux “全家桶”的话,引入的 js 文件体积和构建配置等都会觉得有点复杂,但是不要慌,hyperapp 可以让你开发得快又开发得爽。

基本介绍

hyperapp 是一个小巧的类 Elm 架构的 web 应用构建框架。

1.和 react 一样支持 JSX ,因此对组件的创建十分方便,同样组件书写方式也和 react 相近

2.支持服务端渲染,有助于 SEO

3.构建在 virtual dom 之上性能有保证

4.支持组件生命周期

如何使用

在这里给你一段代码,保存为一个 *.html 文件打开它就能看到最基本的效果了。

而你看到引入的

https://unpkg.com/hyperapp@1.0.1/dist/hyperapp.js 这个文件解压后只有 4k 左右,十分轻量。并且不需要使用任何的前端工程构建工具,只要直接引入 js 即可,十分适合快速开发上线的小应用。

如果你感兴趣,想继续深入可以看看它的文档,如果你是一个前端小白,那尝试去理解文档中的一些概念,然后顺势去寻找相关资料,会让你对的眼界和知识带来非常大的提升,由此框架引申出去的概念都是目前前端开发的 fashion。

周边生态

显然周边生态相对于 react, vue 等来说是比较薄弱的,开源社区也没有相关的组件库,react,vue 等框架有应用开发的全套服务是 hyperapp 无法比拟的,但是恰恰正符合 hyperapp 的风格。hyperapp 适用于构建简单小巧的应用,如果有更复杂更工程化的就让 react,vue 一类去干吧。

但是官方也有 router,logger,html 等一些功能上的增强库,可以去 github 搜索一下还可以看看有没有其他相关的项目

试用与案列

在 reddit 淘到一个 demo 来展示使用 hyperapp 的效果.

你也可以直接在线上编辑代码进行运行查看效果,地址戳我

关于

hyperapp 目前在 github 有一个 organization ,里面有好多开发者在维护,如果你有兴趣可以先看看如何对项目做贡献。

hyperapp 从第一次 commit 到现在才过去一年左右的时间,正在不断地发展其生态,肯定会越来越棒,值得一试,小编正在想如何基于此搞点事情~,如果您有兴趣的话赶快去官网看看它的动态吧。

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180415G0WWKV00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券