Vite + React 组件开发实践

去年,在 “阿里技术” 上发表的《这一年我的对组件的思考》 介绍了借助 TypeScript AST语法树解析,对 React 组件Props类型定义及注释提取,自动生成组件对应 截图、用法、参数说明、README、Demo 等。在社区中取得了比较好的反响,同时应用在团队中也取得了较为不错的结果,现在内部组件系统中已经累计使用该方案沉淀 1000+ 的 React组件。

之前我们是借助了 webpack + TypeScript 做了一套用于开发React组件 的 脚手架套件,当开发者要组件开发时,即可直接使用脚手架初始化对应项目结构进行开发。

数据模型在电商前端领域的应用

Vmo 是我在 18 年发布的一个工具库,用于快速创建数据模型,当时我写了一篇文章:Vmo 前端数据模型设计

在社区得到过一段时间的关注,当时我还在 xx 兔,从事三维装修相关的项目。在图形学的背景基础及海量复杂的数据的情况下,自然而然在前端则会衍生出一种数据处理、解析、消费的技术方案,也种下了我对数据模型概念的种子。

简单举个例子:

如何接"地气"的接入微前端

微前端,这个概念已经在国内不止一次的登上各大热门话题,它所解决的问题也很明显,这几个微前端所提到的痛点在我们团队所维护的项目中也是非常凸显。

但我始终认为,一个新的技术、浪潮,每每被讨论最热门的一定是他背后所代表的杰出思考。

“微前端就是…xx 框架,xx 技术”

这一年我的对组件的思考

这一年,对于我来说真是压力空前,之前公司接需求的时候大部分情况是看排期,如果排期紧张再协调安排处理。

BUT! 来这边以后概况大致如下:

这边有个需求来处理下,什么?有其他任务?那不是很正常;

Bit初体验

官网

Github

Bit makes it easy to share and manage components between projects and apps at any scale.
It lets you isolate components from existing projects with 0 refactoring, with fully-automated dependancy definition/resolution and scalable versioning.
It lets you reuse individual components across projects, using your favorite package managers like npm and yarn through Bit’s component hub.
It lets you extend Git’s workflow to develop components from any consuming project , suggest updates and easily sync changes across your codebase.

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×