首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
React
订阅
大門飛燕
更多收藏集
微信扫码分享
微信
新浪微博
QQ
80篇文章 · 1订阅
我的低代码平台Marsview终于开源了
我的低代码平台Marsview今天终于正式开源了,欢迎搭建克隆。为了方便大家体验,我特意部署了一套在线服务,账号密码已默认在页面中,大家可以直接登录体验。由于服务器性能比较弱,初次会比较慢。
封装一个用户体验非常棒的下拉选择框
antd默认的下拉框只能显示名称,但是有些数据名称可能重复,比如说人名,这时候用户在选择的时候,希望看到更多的信息来区分,比如说工号或角色。 基于上面情况我们来封装一个用户体验不错的下拉框。
React: Lottie 动画初体验和优化策略
lottie 是 Aribnb 开源一个主要面向 Web、iOS、Android、React Native、Windows 的动画库,可以实时渲染After Effects动画,并以Bodymovin作为json导出,允许应用程序像使用静态图像一样轻松使用动画,一款协同合作的高…
我在工作中写React,学到了什么?性能优化篇
我工作中的技术栈主要是 React + TypeScript,这篇文章我想总结一下如何在项目中运用 React 的一些技巧去进行性能优化,或者更好的代码组织。 性能优化的重要性不用多说,谷歌发布的很多调研精确的展示了性能对于网站留存率的影响,而代码组织优化则关系到后续的维护成本…
React小技巧汇总
使用 React.js 一段时间了,把使用过程遇到的小坑和小技巧记录下来,希望能够帮助到其他人。此文章是长篇大论你只有耐得住寂寞,禁得住诱惑才会有所成长。 1. 父组件向子组件通信 2. 子组件向父组件通信 3. 跨级组件通信 4. 没有嵌套关系的组件通信 下面demo中点击父…
史上最简单的Ant-Design换肤方案
看起来是不是还可以,如果你知道如何使用,相信你会更觉得我不是一个标题党。 这里是我很想说的,我还没有自负到或者说贪心到有能力去实现一个完美的合理的antd动态换肤方案。比如开源社区里的antd-theme-webpack-plugin和antd-theme-generator就…
TypeScript + Webpack + Koa 搭建 React 服务端渲染
最终结果并不是,是由于 resolve.extensions 中我只配置了 ts 和 tsx 结尾的文件类型,但是没有 js 和 jsx 结尾的。修改 webpack.base.js OK, node 服务能在修改后自己重启。 但是发现 require 进来的 serverEn…
使用React构建精简版本掘金(一)
这个脚手架会自动帮助我们搭建基础工程,同时安装React项目的各种必要依赖,如果在过程中出现网络问题,请尝试配置代理或使用其他 npm registry。 需要对整个项目重新配置,这里使用了react-app-rewired (一个对 create-react-app 进行自定…
React Hook + TS 购物车实战(性能优化、闭包陷阱、自定义hook)
本文涉及到的代码已经整理到 github 仓库中,用 cra 搭建了一个示例工程,关于性能优化的部分可以打开控制台查看重渲染的情况。 勾选、全选与反选。 根据选中项计算总价。 首先我们请求到购物车数据,这里并不是本文的重点,可以通过自定义请求 hook 实现,也可以通过普通的 …
你真的了解 React 生命周期吗
该生命周期钩子的作用: 将父组件传递过来的 props 映射 到子组件的 state 上面,这样组件内部就不用再通过 this.props.xxx 获取属性值了,统一通过 this.state.xxx 获取。映射就相当于拷贝了一份父组件传过来的 props ,作为子组件自己的状…