Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/tinajs/tina

:dancer: 一款轻巧的渐进式微信小程序框架
https://github.com/tinajs/tina

framework mina tina weapp wechat wechat-mini-program weixin wxapp wxml wxs wxss

Last synced: 2 months ago
JSON representation

:dancer: 一款轻巧的渐进式微信小程序框架

Lists

README 

        
[![](https://github.com/tinajs/assets/raw/master/images/banners/title.png)](https://tina.js.org/)



# Tina.js

> 一款轻巧的渐进式微信小程序框架



[![npm](https://img.shields.io/npm/v/@tinajs/tina.svg?style=flat-square)](https://www.npmjs.com/package/@tinajs/tina)

[![license](https://img.shields.io/github/license/tinajs/tina.svg?style=flat-square)](./LICENSE)

[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)

[![Chat](https://img.shields.io/badge/chat-on%20discord-7289da.svg?style=flat-square)](https://discord.gg/YXxy8Wp)



## 特性

- :honeybee: 轻盈小巧



  核心框架打包后仅 ![](http://img.badgesize.io/https://unpkg.com/@tinajs/tina/dist/tina.min.js?style=flat-square) 。



- :raising_hand: 极易上手



  保留 MINA (微信小程序官方框架) 的大部分 API 设计；无论你有无小程序开发经验，都可以轻松过渡上手。



- :chart_with_upwards_trend: 渐进增强



  我们已经为你准备好了 [状态管理器](https://tina.js.org/#/guide/state-management) (比如 Redux)、[Immutable.js](https://github.com/tinajs/tina-immutable)、[路由增强](https://tina.js.org/#/guide/router) 等扩展，当然你也可以 [自己编写一个新的插件](https://tina.js.org/#/guide/plugin)。



## NPM 与单文件组件



结合我们为你准备的 [mina-webpack](https://github.com/tinajs/mina-webpack)，还能够为你的小程序项目带来：



- :oden: Mina 单文件组件 / 页面

- :package: NPM（没错！除了一般的包，你还可以分享或下载独立的 Mina 组件）

- :crystal_ball: 以及 Webpack 附带的其他能力，如 Babel、PostCSS、代码压缩等功能。



## 一个简单的例子

[![](https://github.com/tinajs/assets/raw/master/images/screenshots/intro/app.png)](https://gist.github.com/imyelo/48872fc76468c86b1feb893a98a216fa#file-app-mina)

[![](https://github.com/tinajs/assets/raw/master/images/screenshots/intro/home.png)](https://gist.github.com/imyelo/48872fc76468c86b1feb893a98a216fa#file-home-mina)



## 浏览更多示例

[浏览更多使用 Tina.js 的示例 :beginner:](https://tina.js.org/#/guide/examples)



## 文档

如果你已经熟悉传统的小程序开发，那么上手 tina 将会非常简单。



接下来，请前往 [:book: tina.js.org](https://tina.js.org) 查阅更详尽的指南。



## Showcase

|小程序码|项目|

|-|-|

|![wxcode](https://github.com/tinajs/assets/raw/master/images/showcases/hackernews-wxcode-172.png)|Hacker News 热点 :fire:
[https://github.com/tinajs/tina-hackernews](https://github.com/tinajs/tina-hackernews)|

|![wxcode](https://github.com/tinajs/assets/raw/master/images/showcases/kuaizixun-wxcode-172.png)|快资讯
[@lizheming](https://github.com/lizheming)|

|![wxcode](https://cdn.ruguoapp.com/jike-mp/wxcode-172.jpg)|即刻App
[@ruguoapp](https://github.com/ruguoapp)|

|![wxcode](https://raw.githubusercontent.com/leadream/funny/master/calendar-movie/movielect-wxcode.jpg)|选个电影
[@leadream](https://github.com/leadream)|

|![wxcode](https://static.kanfangjilu.com/common/weapp-code-tina-showcase-172.jpg)|小鹿选房
[fanggeek.com](http://fanggeek.com)|

|![wxcode](https://assets.miniapp.neobaran.com/wallpaper/qrcode/tinajs?imageMogr2/thumbnail/176x)|魔性壁纸 😀
[neobaran.com](https://neobaran.com/#wallpaper)|

|![wxcode](https://qktlite-1253493352.cos.ap-guangzhou.myqcloud.com/teacher/assets/images/hejiaoyu-yuzhitong-teacher.jpg)|和教育语智通 教师版
|

|![wxcode](https://static.coolvox.com/gh_e3a14cef028c_258.jpg?x-oss-process=image/resize,m_fill,w_172)|库音 COOLVOX
[coolvox.com](https://coolvox.com/)|

|![wxcode](https://chao.zhimg.com/wechat_mp/qrcode.jpeg?x-oss-process=image/resize,m_fill,w_172)|CHA蛋
[chaotag.com](https://www.chaotag.com/)|



*你也已经在使用 Tina.js 了吗？[请在这里告诉我们 :muscle:。 ](https://github.com/tinajs/tina/edit/master/README.md)*



## License

[![FOSSA Status](https://app.fossa.io/api/projects/git%2Bgithub.com%2Ftinajs%2Ftina.svg?type=small)](https://app.fossa.io/projects/git%2Bgithub.com%2Ftinajs%2Ftina?ref=badge_small)



Apache-2.0 © [yelo](https://github.com/imyelo), 2017 - present



[![](https://github.com/tinajs/assets/raw/master/images/banners/sponsored.png)](https://github.com/tinajs/tina)