Hyperapp
Hyperawesome¶
>在准备发布V2时,我正在准备一个新的“超赞列表”. 请待命! :波:
精选的超赞清单 Hyperapp 资源.
要做出贡献,请分叉该存储库,添加精彩的条目并发送给我们PR. 看到 CONTRIBUTING 想要查询更多的信息.
Official Resources¶
- Hyperapp GitHub
- Hyperapp Tutorial
- Hyperapp API Reference
- Hyperapp Community on Discord
- Hyperapp Twitter
- Hyperapp Reddit
Articles & Tutorials¶
- A Walk through Hyperapp 2
- Hyperapp in Under 5 Minutes
- Hyperapp Code-along –从“ Hello World”到完整的TodoMVC的视频系列,其中包含一些实用技巧和想法.
Utilities¶
- hyperapp-router -Hyperapp的路由器
- hyperapp-form -减轻了验证和提交表格的痛苦
- hyperapp-styled-components -基于组件的面向组件的CSS-in-JS系统 styled-components
- hyperlit -Hyperapp的类似JSX的标记模板文字
- hypermdx -Markdown通过Hyperapp增强
Examples¶
Starters¶
- bonniss/hyparcel -Hyperapp v2 + TailwindCSS + Parcel样板,在生产中集成了PurgeCSS.
- loteoo/hyperapp-starter 专注于开发人员经验的Clean PWA启动程序-包裹,CSS模块,可靠的配置
V1¶
以下这些资源仅适用于Hyperapp的V1
Articles & Tutorials V1¶
- An Introduction to Hyperapp
- How Hyperapp Works
- 2018 年は Hyperapp の年だ - Qiita (日本)
- 新 Qiita で React をやめて Hyperapp を採用した背景 - Qiita (Japanase)
- Hyperapp の良さとは何か考えてみた - Qiita (日本)
- Pure programming with Hyperapp - Gleb Bahmutov
- Interview with Jorge Bucaran - SurviveJS
- Hypercraft - A collection of Hyperapp techniques
- 《从0到1掌握HyperApp》(简体中文, Source)
- Creating a Snake Clone with Hyperapp
Boilerplates V1¶
- tzellman/hyperapp-boilerplate -样板展示了如何创建可用于生产环境的Hyperapp应用程序.
- lukejacksonn/hyperapp-electron -带有Hyperapp,LiveReload和Redux DevTools的最小化电子应用启动器.
- selfup/hyperapp-one -使用带有Airbnb ESlint和JSX的包裹的简单Hyperapp样板计数器应用程序.
- lukejacksonn/hyperapp-pwa -Hyperapp项目的最小,渐进式Web应用程序兼容模板.
- marcusasplund/hyperapp-RxJS -带有RxJS和服务工作者的Hyperapp.
- marcusasplund/hyperapp-todo -使用Hyperapp构建的简单CRUD todo-app.
- jdh2550/hyperapp-responsive-admin -具有简单登录和GraphQL的响应式应用程序.
- joseluisq/hyperapp-starter -最小化的Hyperapp,TypeScript和Parcel启动器.
- elisherer/hyperapp-less-boilerplate -使用LESS和hyperapp-forms最小化webpack Hyperapp设置.
Examples V1¶
- 30 Seconds of Interviews -精选的常见面试问题集.
- Emoji Search -用于搜索表情符号的简单应用.
- Markdown Editor -使用
localStorage
(使用dangerouslySetInnerHTML
)的简单markdown编辑器. - Type The Tao Te Ching -打字练习应用程序,具有《道德经》中的文章.
- Serafeim's Hyperapp Tutorial -一个相当大的应用程序,可以用作实际教程; 使用Django / DRF API.
- Home Away From Home -结识外国人的社交网络和居住在国外的人的资源.
- Repository Search -搜索Github存储库的简单工具.
Utilities V1¶
- @hyperapp/html -Hyperapp的HTML助手.
- @hyperapp/logger -将状态更新和操作信息记录到控制台.
- @hyperapp/router -Hyperapp的官方路由器.
- @hyperapp/render -将Hyperapp渲染为具有SSR和Node.js流支持的HTML字符串.
- andyrj/hyperapp-redux-devtools -允许对Hyperapp使用redux-devtools-extension.
- hyperstart/hyperapp-devtools -Hyperapp的时间旅行调试器和其他devtool.
- zaceno/hyperapp-context -过度传递深层组件树的补救措施
- zaceno/hyperapp-nestable -在有状态组件等应用中使用应用.
- zaceno/hyperapp-transitions -帮助您在Hyperapp应用程序中制作过渡动画.
- selfup/hyperapp-moisturize -用于动态升级Hyperapp应用程序的HOA.
- lukejacksonn/hyperapp-firebase-auth -使用Firebase降低对Hyperapp的身份验证.
- okwolf/hyperapp-effects -榆木风格的副作用作为数据.
- okwolf/hyperapp-freeze -深深冻结发展中的状态.
- davidjamesstone/hyperapp-customelements -hyperapp的W3C Web组件自定义元素.
- davidjamesstone/hyperviews -产生
h
输出的模板语言. - picostyle/picostyle -0.3 KB CSS-in-JS库,可用于Hyperapp和Picodom.
- shershen08/single-spa-hyperapp -在单spa应用程序中使用Hyperapp的包装
- elisherer/hyperapp-forms -表单状态管理库(类似于redux-form)
- johnkazer/hyperapp-pug -Hyperapp的包装器,使您可以使用Pug模板而不是JSX或hyperscript.
Testing V1¶
- bahmutov/cypress-hyperapp-unit-test -用于对Hyperapp组件进行单元测试的小型实用程序 Cypress 端到端的测试运行程序.
Other V1¶
- Deployable -使用Hyperapp构建的随时可部署的静态Web应用程序模板.
- Linkcast -使用Hyperapp构建的Chrome扩展程序,可共享组中的链接并利用离线功能进行社交.