# tina

**Repository Path**: xieh-gitee/tina

## Basic Information

- **Project Name**: tina
- **Description**: 一款轻巧的渐进式微信小程序框架
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: https://tina.js.org/
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 33
- **Created**: 2024-08-28
- **Last Updated**: 2024-08-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## 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/FX2RATn)

## 特性
- :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:<br />[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)|快资讯<br />[@lizheming](https://github.com/lizheming)|

*你也已经在使用 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 &copy; [yelo](https://github.com/imyelo), 2017 - present

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