首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
JavaScript框架开发
优术利器
创建于2023-05-20
订阅专栏
如何开发一个JS开源库
暂无订阅
共16篇文章
创建于2023-05-20
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
如何在monorepo中,发布react组件库?
好多文章讲如何发布npm是写一个极其简单的片段,设置好npmrc就能发布,而真实场景中,我们往往要做一个能被他人引用的库。到底该怎样配置这个项目呢,这里将介绍如何在monorepo中发布一个组件库。
细节控 - 复杂场景中的健壮的表单引擎,居然还要考虑这些?
在开发低代码的表单引擎时,控制类属性,除了hidden,disabled,还有哪些?由于表单有联动的需求,有些属性和状态是动态的,该如何优雅的将动态属性封装进表单组件里?
开发组件库之前,如何初始化Monorepo仓库
开发为Low Code平台做准备的表单框架,需要能用在React,Angular,Vue等主流框架中,我采用了lerna monorepo多包工程化管理模式,这篇文章介绍如何用lerna初始化项目。
如何给React组件里的children设置属性?由浅入深看看封装容器组件的三个级别
最简单的答案是利用React.cloneElement。然而在实际工作中情况更复杂,尤其是在封装容器类组件时,会经常用到。下面我由浅入深,分三个级别,介绍如何应对此场景中越来越复杂的需求。
封装表单组件的架构设计
如果你注意到了这篇文章,相信你是一个有经验的前端开发了,造轮子可能已经不能满足我们的成就感了,于是我发现一个夹缝求生的地方,将现有的表单类组件库封装成一个可配置化的表单库。
封装表单组件,应该定义哪些状态或属性?
开发公共库时,我们常需要将input这类组件可配置化,方便其他开发使用。这里介绍了如何将这类组件做全面而专业的封装,复杂度不亚于Ant Design,如果你只需要一个简单地公共组件,仅选你所需即可。
8. Mitosis开发技巧和注意事项
Mitosis也有一些限制,当你遇到限制时,会看到ESLint的警告,这篇文章介绍了对于这些限制有哪些处理方式。
7. Mitosis开发JS库时还可以做哪些定制化?
在开发Mitosis组件时,有时候你可能会有定制化的需求,如果你想要Mitosis生成的代码符合你的需求,可以做些什么额外的设置呢?
6. Mitosis hooks用法大全
写Mitosis时,你会看到像React一样的hook,像Vue一样的可变状态,像Solid一样的JSX静态表单。那么Mitosis的hooks有哪些呢?用法与React有什么不同呢?
5. Mitosis开发特性大全
写Mitosis时,你会看到像React一样的hook,像Vue一样的可变状态,像Solid一样的JSX静态表单,像Svelte一样的编译方式,还有像Angular一样的描述性结构。
3. 初始化Mitosis项目该如何配置?
通过Mitosis一次性开发组件库,可以通过多种主流前端框架。 如何设置Mitosis编译成哪些框架? Mitosis配置文件怎么写? 可以做哪些自定设置?
4. Mitosis开发必会的CLI命令
通过Mitosis一次性开发组件库,可以通用多种主流前端框架。 Mitosis有两类CLI命令:mitosis build和mitosis compile。它们分别有什么区别和用途?
2. Mitosis是如何做到通过一次性开发,可以通用多种主流前端框架的?
Mitosis是JSX的静态子集,灵感来自于SolidJS。 本章介绍了Mitosis工作原理是怎样的。
1. Mitosis从0到1,一次性开发组件库,通用多个主流框架
Mitosis:开发js库的库,开发一次就可以编译成普通JavaScript,Angular,React,Vue等,帮助您为设计系统中的所有可重用组件创建单一来源。
开发低代码产品的准备工作有哪些?
低代码真的只是我们以为的拖拽搭建吗? 职场码农适合做什么样的低代码? 低代码的第一步:库开发。 选择合适的用来开发库的库,加速你的成长。
《现代JavaScript库开发》笔记 - 模块规范和构建
【第一章、第二章】准备工作:模块规范都有哪些?应该选择什么打包工具?如何确定打包构建方案?如何确定兼容方案?