腾讯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开发人员分享这些充斥创意与智慧的技术利用,帮忙他们拓宽视线,激发灵感,更好地应答各种简单的开发挑战。


感谢您的急躁浏览!