OpenTiny社区运营阶段报告

OpenTiny从今年2月开源之后也已经陪伴了大家好几个月的时光，在这些时间里，OpenTiny也从各个方面不断的突破自己，不断的通过各种形式近距离的与开发者进行交流。希望能够聆听更多的用户声音，同时也希望更加有效的帮助开发者解决当前遇到的开发问题。与开发者一起共同成长~

以下内容为OpenTiny近期的发展情况：主要包含产品优化、活动开展、内容输出、贡献者发展、生态合作等几个方面

1、产品优化

2023年5月份TinyVue项目共发布两个版本：

TinyVue v3.8.0: 新增一个新特性，修复bug19个

Exciting New Features 🎉

• feat: add XDesign 🎊

Bug Fixes 🐛

• fix: 修复windows下pnpm install rm rf not found by @coderbaozi in #149
• 修复build:ui打包出来的产物有问题bug，修复input组件本地开发报警告bug by @zzcr in #150
• fix(tabs): fix tab header bottom border line close #154 by @kagol in #155
• chore: Compatible with windows users by @ErKeLost in #151
• fix(carousel-item): 合并重复属性 by @linxiang07 in #152
• fix(checkbox): icon position when checked by @zuixinwang in #164
• fix(build:runtime): 修复打包runtime产物的脚本 by @shenjunjian in #183
• fix(build runtime) 修复打包运行时报错问题 by @zzcr in #185
• fix(carousel) 走马灯手动轮播切换到此处数据会偶现与实际不符 by @WXC-Spring in #188
• fix(runtime-build) 修复：运行时多入口打包会抽取公共依赖，导致加载报错 by @zzcr in #191
• fix(dialog-box): 修复对话框移动后动态style没更新的bug by @Huangyilin19 in #195
• fix(upload) 修复upload组件销毁时报错的bug by @zzcr in #196
• fix(fileupload): 上传组件增加用户不配置action属性产生的报错，告知用户需要配置 by @chenxi-20 in #199
• fix(button): 修复无内容的情况下上下错位的问题(#194) by @qinwencheng in #203
• fix: 修复pullRefresh组件，数据类型不匹配，导致控制台告警日志超大量打印，导致页面渲染慢的问题 by @MrWang2016 in #211
• fix: 修复Breadcrumb配置textField的demo不显示面包屑内容 #207 by @yuanningning in #210
• fix(rate) 修复组件Rate半选加禁选后，2.5与3星实际不匹配的问题 by @wwttff in #200
• fix(build) 修复grid、pager组件bug by @zzcr in #240
• fix: fix npm publish 402 error by @kagol in #241

Other Changes

• chore: 添加文件后缀名 by @CatsAndMice in #160
• refactor(button): 优化size属性校验 by @LadyChatterleyLover in #162
• docs：中英文README和贡献指南文档中端口号的修正，以及Issue模板中的小助手微信号修正 by @heygsc in #171
• docs: 增加 all-contributors 机器人🤖️用于自动添加贡献者 by @kagol in #214
• docs: update README.zh-CN.md by @kagol in #216
• doc: 修改文档示例 by @GaoNeng-wWw in #224

TinyVue v3.8.2：修复bug2个

Bug Fixes 🐛

• fix(runtime-build) 修复运行打包构建产物缺少组件问题 by @zzcr in #250
• fix(tinyvue): 修复grid组件再vue2下报错问题 by @zzcr in #254

Other Changes

• chore: add label ci by @kagol in #243
• Refactor: 重构cli by @GaoNeng-wWw in #238
• refactor: A constructor name should not start with a lowercase letter but a uppercase by @pe-3 in #251

2、活动开展

1、OpenTiny参与华为云开发者日东莞站活动

参与形式：主题演讲+展台活动

活动时间：4月26日

内容主题：OpenTiny：助力开发者快速构建设备运维系统Web应用

2、开源之夏活动

参与形式：登录开源之夏官方网站申请项目报名参加，一起共建项目

活动时间：4月29日——11月

内容主题：OpenTiny开源之夏项目夏季训练营人才招募令

3、中国开源未来发展峰会

参与形式：通过演讲形式与外部开发者进行现场交流

活动时间：5月13日

内容主题：华为携手工业互联网伙伴共建Web组件库行业标准

4、GOTC全球开源技术峰会

参与形式：快闪演讲+展台互动

活动时间：5月27日——5月28日

内容主题：跨端、跨框架企业级组件库OpenTiny

5、我要做开源——直播活动

参与形式：通过直播的形式与前端开发者展开互动，输出OpenTiny相关知识，引导开发者更好的使用组件库

活动时间：4月14日、4月21日、5月12日、5月31日

内容主题：

4月14日直播主题:OpenTiny开源指南01：尝鲜，原理解读，源码结构，pr指南

4月21日直播主题:OpenTiny开源指南02：OpenTiny跨端、跨框架企业级开源组件库项目落地实践

5月12日直播主题:OpenTiny开源指南03：OpenTiny如何实现组件模板和逻辑的灵活定制

5月31日直播主题:OpenTiny如何实现B端中后台B端可视化

6、 TinyVue招募令

参与形式：通过直接使用体验TinyVue开源组件库,进入代码仓库参与共享共建

活动时间：2023年4月13日—2023年6月20日

内容主题：TinyVue招募令：寻找发光发热的你！！！神秘豪礼送不停

3、内容输出

输出技术文章10篇：

1、zone.js由入门到放弃之五——NgZone & ApplicationRef源码分析

juejin.cn/post/721748…

2、 浅谈 Angular 变更检测

juejin.cn/post/721748…

3、 历史性的时刻！华为云跨端、跨框架开源组件库项目 OpenTiny 正式升级 TypeScript，10 万行代码重获新生！

4、 CSS实现有序列表编号方法知多少

juejin.cn/post/722691…

5、 纯CSS实现一个简单又不失优雅的步骤条

juejin.cn/post/722691…

6、 你真的会处理TS中的Error么？

7、前端开发的积木理论——像搭积木一样做前端开发

8、Angular Signal-下一代 Angular 响应式语言

9、纯CSS实现一个简单又不失优雅的步骤条

10、Nest.js学习系列之一——初识Nest.js

输出项目介绍文章46篇：

例如：

1、OpenTiny开源之夏项目夏季训练营招募啦~

2、OpenTiny总结报告已送达，感谢各位贡献者

3、有手就会！一行命令，安装你的TinyCLI

4、OpenTiny 3.8.0正式发布：推出【极客黑】新主题

5、OpenTiny 迎来了贡献者大爆发，最近一个月有26位贡献者提交了45个pr

6、Create Vite App支持 OpenTiny 啦~

7、TinyNG——开源 Angular 框架，助力Web应用快速开发！

8、OpenTiny通关指南早知道

9、OpenTiny即将参与GOTC全球开源技术峰会啦~

10、OpenTiny带你快速学习Nest.js,更有精彩社区联合直播就在今晚等你来围观!

（欢迎大家持续关注OpenTiny公众号、掘金账号、知乎、思否等）

4、共建者发展

5、其他说明

OpenTiny 是一套企业级组件库解决方案，适配 PC 端 / 移动端等多端，涵盖 Vue2 / Vue3 / Angular 多技术栈，拥有主题配置系统 / 中后台模板 / CLI 命令行等效率提升工具，可帮助开发者高效开发 Web 应用。

核心亮点：

跨端跨框架：使用 Renderless 无渲染组件设计架构，实现了一套代码同时支持 Vue2 / Vue3，PC / Mobile 端，并支持函数级别的逻辑定制和全模板替换，灵活性好、二次开发能力强。

组件丰富：PC 端游80+组件，移动端游30+组件，包含高频组件 Table、Tree、Select 等，内置虚拟滚动，保证大数据场景下的流畅体验，除了业界常见组件之外，我们还提供了一些独有的特色组件，如：Split 面板分割器、IpAddress IP地址输入框、Calendar 日历、Crop 图片裁切等

配置式组件：组件支持模板式和配置式两种使用方式，适合低代码平台，目前团队已经将 OpenTiny 集成到内部的低代码平台，针对低码平台做了大量优化

周边生态齐全：提供了基于 Angular + TypeScript 的 TinyNG 组件库，提供包含 10+ 实用功能、20+ 典型页面的 TinyPro 中后台模板，提供覆盖前端开发全流程的 TinyCLI 工程化工具，提供强大的在线主题配置平台 TinyTheme

欢迎加入OpenTiny开源社区。添加微信小助手：opentiny-official一起参与共建~

OpenTiny 官网：

opentiny.design/

OpenTiny 代码仓库：

github.com/opentiny/

欢迎进入OpenTiny 代码仓库 Star TinyVue TinyNG TinyCLI~

扫码添加小助手

加入OpenTiny技术交流群