腾讯 TNTWeb 团队是一支领有较丰盛教训和技术实力的前端团队,在 Web 前端、NodeJS 开发、UI 设计以及挪动 APP 等大前端畛域都有较多的实践经验和技术积淀。团队始放弃着谦虚和低调的态度,并终踊跃投身于前端基础设施的建设与欠缺。通过继续的技术创新和流程优化,一直晋升业务开发的效率,为产品翻新提供松软的技术撑持。
上面整顿了一些 TNTWeb 前端团队主导开发的开源我的项目,这些我的项目宽泛波及低代码、音视频解决、H5 开发以及微前端等多个技术畛域。咱们深知,在这些我的项目中仍存在诸多待欠缺之处。因而咱们心愿能以此为契机,抛砖引玉,吸引宽广开发者与咱们携手共建,独特推动前端技术的不断进步与翻新。
1. TNT-Weekly
github: https://github.com/tnfe/TNT-Weekly\
相干文章: https://juejin.cn/post/7020678748307456007
前端行业正以惊人的速度倒退,新技术如潮水般源源不断地涌现,相干的信息和文章也如繁星般遍布在各个领域。在这信息爆炸的时代,咱们往往感到迷茫,难以分别哪些信息对本人真正具备价值。鉴于此,TNTWeb 团队精心策划并启动了这个周刊我的项目,旨在为宽广前端开发人员会集小程序以及其余 web 前端技术畛域的优质内容,提供一个常识的宝库,帮忙他们在信息的陆地中迅速找到有价值的信息,紧跟行业倒退的步调。
2. FFCreator
github: https://github.com/tnfe/FFCreator\
相干文章: https://juejin.cn/post/7046653290422992927、https://juejin.cn…
FFCreator 是一个基于 node.js 的轻量、灵便的视频制作工具库。它让每个人都能轻松制作视频。只需几张图片或视频片段,加上一段背景音乐,即可迅速生成炫酷的视频短片。在短视频日益风行的明天,FFCreator 为解决用户疾速生产短视频或平台批量合成视频提供了简略高效的解决方案。它依赖少、配置低,轻松上手,让视频制作变得简略又快捷。
3. Hel
github: https://github.com/Tencent/hel\
相干文章: https://juejin.cn/post/7176646667729371196、https://juejin.cn…
Hel 是腾讯 TNTWeb 团队开源的轻量微前端框架,它是一种用于构建古代 Web 应用程序的架构,它提供了一种在运行时动静加载和集成近程模块的办法。这些模块能够部署在 CDN 上,当近程模块公布更新后,无需从新构建和公布整个应用程序,即可立刻失效。这种形式进步了应用程序的开发效率和灵活性,使得开发人员可能更加高效地构建和保护简单的 Web 应用程序。
4. tdesign-react-starter
github: https://github.com/Tencent/tdesign-react-starter\
相干文章: https://juejin.cn/post/7078854497396588580
TDesign React Starter 是以 TDesign React 组件库为根底构建的中后盾模板,它蕴含了丰盛且全面的组件示例。通过借鉴社区的最佳实际,并联合咱们的业务模式,咱们精心提炼出了一套即开即用的解决方案,旨在帮忙 React 技术栈的开发者进步研发效率。
该产品具备以下个性:
- 提供便捷的开发体验,无需额定配置即可上手。
- 全面反对 TypeScript,晋升开发的类型安全性和效率。
- 领有简洁明了的我的项目构造,方便管理和保护。
- 具备好看的款式,反对多种主题切换,满足个性化需要。
- 具备欠缺的零碎架构和开发工具链,晋升开发效率和品质。
5. vue3-infinite-list
github: https://github.com/tnfe/vue3-infinite-list\
相干文章: https://juejin.cn/post/7079632420177362974、https://juejin.cn…
一个专为 Vue 设计的短小精悍的有限滚动加载库,不仅体积玲珑——gzip 压缩后仅占 3kb——而且齐全零依赖,展现出弱小的独立性💪。无论是渲染百万级别的列表,还是轻松应答各种滚动需要,它都能熟能生巧地实现。你能够应用它滚动到指定的条目,或者设定初始的滚动偏移量。同时,它还反对固定或可变的宽度与高度,以及垂直或程度方向的列表展现,为你的我的项目提供极大的灵活性和便利性。https://juejin.cn/post/7079632420177362974
6. wp2vite
github: https://github.com/tnfe/wp2vite\
相干文章: https://juejin.cn/post/6953145736095596558、https://juejin.cn…
\
一款前端我的项目主动转换工具,旨在让您的 Webpack 我的项目轻松升级为反对 Vite 的我的项目。wp2vite 不仅保留了您原有的 Webpack 配置,还会向我的项目中注入 Vite 所需的配置信息。通过应用 wp2vite,您将体验到比 Webpack 快大概 80% 的开发速度,以及比 Webpack 快约 50% 的构建速度,从而大幅晋升您的工作效率。
7. shida
github: https://github.com/tnfe/shida\
相干文章: https://juejin.cn/post/7056611911776862215
《视搭》是一款视频可视化搭建的便捷工具,让您通过轻松拖拽的操作形式,即可迅速制作出精彩的短视频。其应用之简便,与易企秀、百度 H5 等风行的 H5 搭建平台并驾齐驱。在以后行业中,对于视频可视化搭建的开源我的项目并不多见,而《视搭》正是其中一项绝对欠缺且独具特色的成绩。咱们诚挚地将其出现给您,冀望可能为您的创作之旅带来灵感与便当。
8. clean-state
github: https://github.com/tnfe/clean-state\
相干文章: https://juejin.cn/post/7005500716278087693
🐻 Clean-State 是一款整洁且紧凑的 React 状态管理工具。它摒弃了 React 的历史包袱,利用原生钩子实现,并解决了 Redux 在状态更新时呈现的有效渲染问题。在架构层面,它通过非常简单的 API 实现了主动组织。🍋 如果您不是在建造一艘航空母舰,而是厌倦了宏大、简单且难以使用的状态治理库,那么请尝试应用 Clean-State。它玲珑粗劣,极致的性能定能满足您的需要。
9. csijs
github: https://github.com/tnfe/csijs\
相干文章: https://juejin.cn/post/7037700281420742693
CSI.JS 是一个前端日志零碎,它将错误信息记录于本地 localStorage 中。无任何依赖、无入侵性。应用非常简单,很容易引入你的零碎中,而且不会造成任何影响。它能够帮你疾速重建犯罪现场。
10. manage-table
github: https://github.com/tnfe/manage-table\
相干文章: https://juejin.cn/post/7067041231376744461
在日常业务场景中,antd 的 table 组件被宽泛应用。起初,它可能只展现几行字段,但随着时间推移,须要展现的字段数量一直减少,并且不同用户心愿看到的字段也各有差别。为了解决这个问题,咱们封装了名为 manage-table 的组件。该组件外部仍然基于 antd 构建,但减少了对显示列的灵便操作解决逻辑。
manage-table 组件内置了一个性能,行将用户设置的展现列存储在 localStorage 中。为了保障存储的唯一性,咱们应用了参数 name 作为惟一标识进行存储。因而,在应用 manage-table 时,请确保在繁多域名内,所需展现列的设置放弃唯一性,以防止数据抵触或笼罩。这样,不同用户能够依据本人的需要,灵便地定制和保留表格的展现列设置。
11. FEDiagram
github: https://github.com/tnfe/FEDiagram\
相干文章: https://juejin.cn/post/7087826037433712671
前端技术畛域涵盖的知识点极为丰盛,其中不乏形象且难以了解的内容。这些知识点仅凭文字往往难以直观表白,导致许多开发者对其了解模糊不清。为了解决这个问题,Diagram 我的项目致力于通过图形化的形式,将前端技术中的简单知识点以直观、易懂的模式展示进去,帮忙开发者深刻了解和把握前端技术的外围因素。咱们置信,通过 Diagram 的图形化展现,开发者们将可能更加轻松地领悟前端技术的精华,并在实践中熟能生巧地利用这些知识点。
12. bbo
github: https://github.com/tnfe/bbo
每位前端开发者都领有本人的实用工具库,而咱们经常会编写那些易被忘记却又高频应用的办法。bbo 就是这样一个超小且实用的 JavaScript 工具库,它并不与 lodash、underscore 或 lazy.js 等库相冲突。
我整顿出了日常开发中应用频率最高的函数。这些函数在你的开发中简直无处不在,但在 lodash 和 underscore 中却难觅其踪。
bbo 代码简洁,gzip 压缩后有余 7k,可随时随地无忧应用。
13. limu
github: https://github.com/tnfe/limu\
相干文章: https://juejin.cn/post/7320437823332450304
limu,即 love immutable 的缩写,是专为高效创立和操作不可变对象而设计的。它基于读取时的浅拷贝和写入时的标记批改机制,实现了杰出的性能。
在各种场景中,limu 的速度通常是 immer 的 2 倍或 20 倍以上,展现出惊人的性能。你能够通过点击在线性能演示来亲自体验这一后果。
值得一提的是,limu 在默认状况下不会解冻状态,这使得它在大多数场景中比 immer 更快 10 倍或更多。这一个性使得开发过程更加晦涩,进步了开发效率。
此外,limu 还十分敌对于调试。你能够在任何时候间接查看草稿,而无需放心以后状态的影响。这使得调试过程更加简略和直观。
14. tntweb-admin
github: https://github.com/tnfe/tntweb-admin
tntweb-admin 是一个由腾讯 TNTWeb 前端团队开发的开源 React 手脚架我的项目。该我的项目基于 concent、react、react-router、Ant Design、typescript、jest 等多项技术构建,不仅功能强大,而且具备独特的双引擎驱动个性。开发者能够自由选择应用 webpack 或 vite 作为构建工具进行开发与调试,这为喜爱 vite 疾速调试体验的敌人提供了极大的便当。
15. awesome-blackmagic
github: https://github.com/tnfe/awesome-blackmagic
在 web 开发的过程中,咱们时常会遇到一些非常规、颇具挑战性的需要。为了满足这些需要,咱们有时须要深刻开掘并奇妙使用咱们所把握技术的那些鲜为人知的性能和个性。这些独特而精妙的技术手段,咱们称之为“黑魔法”。而 awesome-blackmagic 我的项目,正是致力于定期为 web 开发人员分享这些充斥创意与智慧的技术利用,帮忙他们拓宽视线,激发灵感,更好地应答各种简单的开发挑战。
感谢您的急躁浏览!