SF
题叶
题叶
注册登录
关注博客
注册登录
主页
关于
RSS
尝试在 Vue composition API 中返回包含 JSX
题叶
2022-12-05
阅读 2 分钟
815
对应 [链接]抽逻辑到一个 composition API: {代码...} 用法非常简短, 状态和 UI 都封装了: {代码...} 渲染动态的 UI, 需要一个组件包装: {代码...} 使用 exposeVue 也支持直接从外部操作 Component 方法, 借助 expose:[链接][链接]
论前端框架组件状态抽象方案, 基于 ClojureScript 的 Respo 为例
题叶
2020-11-20
阅读 5 分钟
5.8k
Respo 是本文作者基于 ClojureScript 封装的 virtual DOM 微型 MVC 方案.本文使用的工具链基于 Clojure 的, 会有一些阅读方面的不便.
对于简聊 React 的一些回忆和反思(初稿)
题叶
2020-04-06
阅读 8 分钟
2.9k
看到钉钉的功能越来越多了, 前段时间突然想起来以前简聊的事情来.当前公司跟钉钉的一些风声, 具体也不清楚, 到很多年后才听到了收购的事情.Slack 具体的玩法我并不清楚, 但是钉钉当前延伸出来的功能给我一些感触,当年简聊在功能的扩展来说缺了太多围绕聊天的扩展创新, 玩法也不温不火,当然如果当时有条件一步一步有条理...
关于 React Hooks 的一些使用经验和换角度反思
题叶
2020-03-22
阅读 6 分钟
3.9k
算算时间都要一年半了, React 在 2018 年推出 Hooks, 引发了热议.印象里就是在群里面, 我就很纠结里边的黑魔法太奇怪了.. 看得小心翼翼的.然后看着别人研究代码, 提出类似的实现之类的, 或者各种解释.慢慢地很多不同的声音也发出来, 特别是迷之闭包, 很多人都中招了出来吐槽.再后来, React Hooks 蔓延开来, 连 Vue 社区...
[小组分享] React 当中性能优化手段整理
题叶
2019-10-22
阅读 4 分钟
4.2k
内部小组分享底稿. 回顾一下 React class 组件的优化 useMemo 提供的优化 React.memo 优化 useCallback 优化 避免 render 当中的 DOM 操作 class 组件的优化 通过判断减少数据变化触发的重新渲染, 以及之后的 DOM diff {代码...} JavaScript 对象引用问题 函数式语言当中, 语言设计允许两个对象一样, 举例 Clojure: {代...
积梦前端 Meson Form 的分层抽象设计
题叶
2019-06-26
阅读 6 分钟
2.8k
这篇文章大致梳理积梦采用的表单方案做的一些尝试和回顾.目前从用的方案是 Meson Form, 名字大致来源于 immer json:[链接]目前 Meson Form 形态逐渐开始稳定了, 方案上基本还是可靠的.过程当中的考虑有一些曲折, 大致做一些梳理.
新的 Vue Function-based API 当中的看到的 Clojure Atom 的影子
题叶
2019-06-12
阅读 5 分钟
4k
这次 Vue 大会看到了 Vue 新的 API 设计, 中间有一些觉得眼熟的写法,后面也看到了工业聚的一些解读, 大致知道是什么样的用法吧..当然现场演讲过 Vue 具体实现的优化是更复杂的, 比这个 API 要多..
积梦前端的路由方案 ruled-router
题叶
2019-05-11
阅读 5 分钟
4.1k
积梦([链接] ) 是一个为制造业制作的一个平台.积梦的前端基于 React 做开发的. 早期使用 React Router.后来出现了一些 TypeScript 集成还有定制化的需求, 自己探索了一套方案.
积梦前端采用的 React 状态管理方案: Rex
题叶
2019-04-21
阅读 3 分钟
4.9k
积梦([链接] 是一个为制造业制作的一个平台.积梦的前端基于 React 做开发的. Rex 是我们在前端使用的状态管理方案, 类似 Redux.从名字也可以看, Rex 是一个基于 Redux 做了大幅简化的方案.另一方面, Rex 跟 Immer 有比较好的整合, 能够很轻松得使用不可变数据.
关于 ClojureScript 裸写 stateful React Component
题叶
2018-10-28
阅读 2 分钟
2.1k
目前的 ClojureScript React 绑定都是比较复杂的, 比如 Reagent, 做了不少的修改,我打算看看直接用 cljs 裸写, 按照 React 本身的语义, 会是什么样子,网上搜到几个版本的代码, 总之核心代码就是这样了
对 2018 年的一些执念和想法
题叶
2018-02-21
阅读 3 分钟
4.5k
这一年因为很多原因, 出去逛了不少地方. 以前我的真的是太宅了.以前是穷乡僻壤出来, 做学生又没钱, 一直就是怕出门的习惯.总是要改的, 响应国家战略大力发展高铁, 大家连接在一起, 共同创造财富.夏天发动过一次长途旅行, 回来衣服汗臭, 皮肤晒伤, 一副变了个人的样子.人也不小了, 一定要多出去走走, 多见见世面, 不要整...
关于 emotion 初步使用的笔记
题叶
2017-11-08
阅读 2 分钟
9k
群里听达峰大大讲 Strikingly 用的是 emotion 的方案, 留了个心眼.之前查看过一些 CSS in JS 方案, 大致看过 emotion, 不知道哪个比较好:[链接]但是既然 Strikingly 有实践经验, 而且当时也是我看中的几个之一, 觉得比较安全.[链接]
用 ClojureScript 语法运行 React
题叶
2017-06-12
阅读 6 分钟
6.9k
得益于最近 ClojureScript(简称 cljs) 社区的发展, 运行和编译 cljs 已经越来越方便.刷一篇文章来展示一下如何用 ClojureScript 来模仿前端写法运行 React.
Respo 组件状态管理的思考
题叶
2017-04-01
阅读 3 分钟
3.7k
更新了 Respo 到 0.4.x, 移除了原先基于 init-state update-state mutate! 的代码,原先的版本是模仿的 React, 在组件曾经管理状态, 但同时支持热替换过程组件状态的稳定,现在的版本 state tree 需要手段管理, 同时和 Virtual DOM 的结构对应,也就是说, 从原来的自动管理编程了手工管理, 实际上是变麻烦了.那么, 为什么? ...
Respo 文档站点的 isomorphic rendering 方案
题叶
2016-10-09
阅读 4 分钟
3.2k
正好帮我刷一下访问量... [链接]注意站点的特别之处, 绝大部分的链接都是触发页面局部渲染的,而在特殊的 js 无法加载的情况下, 还是以链接的形式刷新页面.所以, 整个站点既是单页面, 又是服务端渲染... 感受一下.
更新了 router-as-view 组件
题叶
2016-09-23
阅读 2 分钟
1.6k
有点老调重弹了, 写短一点, 这篇文档介绍一下 router-as-view 组件的改进.组件前身是在简聊当中使用的 router-view 组件, 独立实现的路由,由于我重构了的简聊 Store 方案, 发现路由存在私有状态, 于是设计了这个方案.后来简聊停在了那个版本, GitHub 上的代码也就大概锁死了,所以最近我重命名了组件为 router-as-view 以...
单页面开发思路, 阶段小结
题叶
2016-05-22
阅读 7 分钟
6.3k
去年年底在公司内部发过一篇梳理, 回顾了下两年面对的各种前端问题单页面由于正在发展之中, 加上 React 社区的发展, 细节不少虽然不是很难的东西, 但一边摸索一边推进不得不想了挺多考虑到后面不是做大型单页面应用, 中间很多问题大概不会继续深入了我觉得相关的技能梳理一下也比较有用.. 当做记录也好本来是两个月前打...
关于 Quamolit 动画方案设计的思考
题叶
2016-04-19
阅读 9 分钟
3.7k
最近两周在思考 React 动画的问题, 也就是 Quamolit 的代码之前实现的 Respo 属于山寨 React, 实际上复杂度比起 React 低太多了回过头想想挺走运, 想清楚了 sorted-map diff 的算法, 然后搞定了而且类似的算法在 Quamolit 当中也起到了决定性的作用, 所以说走运Respo 主要是基于缓存和性能优化方面考虑的, 并不涉及动画Q...
React 的问题和我在试验的 Respo
题叶
2016-04-03
阅读 9 分钟
7.6k
这几周没有做多少开发的任务了, 生活节奏慢下来一些, 思考的时间也多点了不过单页面相关的事情还是很头疼, 清算之前 React 问题还是很多今天下午在内部分享听了承玉(希望名字不拼错)分享 ant.design 相关的东西获益很多之前简聊做这方面的尝试然而实力以及投入都不足, 只是停在了中间支付宝的进展以及推进的策略是足够我...
简聊首屏性能优化方案一些记录(备份)
题叶
2016-01-11
阅读 4 分钟
7.1k
首先整个改进方案的基础是 Redux 提出的 Single Store 架构按照 Redux 的理念对应用进行抽象以后, 架构回归到 MVC 非常原始的理念,也就是: 一个 Model, 一个 View, 以及剩下的 Controller 代码
简聊初步尝试服务端渲染的一些感想
题叶
2015-12-12
阅读 3 分钟
10.6k
多多少少有些不开心的事, 觉得精力没有被投入在重点上创业公司遇到问题变成盲人摸象也许正常吧不过最近这段时间因为服务端的策略调整, 我开始做一些服务端渲染主要的站点是简聊的登录页面, 整体从 Jade 切换到了 React[链接]以及做了一些整体项目结构统一的工作, 或者说一些思考
Router-view 背后的想法
题叶
2015-11-05
阅读 4 分钟
4.8k
router-view 是我为简聊开发的一个路由组件本来自己写的, 后来用 CoffeeScript 重构放到 teambition 团队维护了[链接]原本简聊用的是 react-router, 但我还是冒险替换掉了从结果看, 好处达到了, 但可维护性并不满意
React Actions Recorder 的模块热替换(HMR)
题叶
2015-10-20
阅读 5 分钟
7k
看到微博上 vue-loader 开始支持代码热替换的消息真让人坐不住, 赶紧翻代码看下, 结果看不懂现实的压力还是在的, react-hot-loader 已经不推荐使用了作者搞了 React Transform, 而且针对 Babel 优化, 整套新的东西而简聊用 actions-recorder 加 react-hot-loader 多少有些风险让 actions-recorder 更好调试是很有必要的
用 React Actions Recorder 作为 Store 写 Todolist
题叶
2015-10-15
阅读 6 分钟
9.7k
后续内容有更新, 代码例子不一致的地方按照仓库的 README 为准[链接]抱歉没有很多时间可以更新这边的文章细节, 例子大意是对的, 参数已经有调整
沪江网前端沙龙第二期的回顾
题叶
2015-09-15
阅读 3 分钟
3.4k
我分享的内容主要关于 React 数据层的一些想法, 都是网上拼凑起来的其实演讲的核心内容, 我尝试写过博客的, 主要是归纳了 Kafka 的文章一些想法In Flux and SSOT, Store is not the Truth, Actions is!包括近期对简聊的数据层做调整, 也添加了很多的思考和代码对我而言单向数据流这个未来的方向已经很明确了, MVC 都过时...
笔记, 静态页面前后端渲染
题叶
2015-09-01
阅读 2 分钟
3.1k
自己写 Demo 的时候用到的一个 trick, 觉得挺有意思的我的页面是用 JavaScript 搭配 React 生成的, 前面文章提过了那么就有两部分的 HTML, 一部分比如 <head>, 是 gulp 生成另一部分是 React 在浏览器当中生成的, 对应 <body> 的内容但是, 因为 React 在 gulp 里也能跑, 其实我直接插入就好了
Redux 初步尝试
题叶
2015-08-23
阅读 4 分钟
41.7k
关注 Redux 很久了, 一直在等稳定版, 终于稳定版出来了不过真的运行起来, 比我之前估计的复杂度高太多了这边可以看我用 CirruScript 写的代码... 虽然效果是不怎么样[链接]
两篇文章读后感, 关于数据库, 关于 MVC, 也关于 React
题叶
2015-08-04
阅读 6 分钟
5.3k
两篇文章 今天看了两篇文章, 我觉得对我的影响会很大, 当然, 都是 React 相关的: 一篇是 Martin Kleppmann 在 Strangeloop 2014 大会上的演讲, 有视频, 也有文字版, 关于数据库: Turning the database inside-out with Apache Samza[链接] 另一篇是 Christian Alfoni 关于 Flux 的文章, 从 Twitter 上看到的, 关于 MVC ...
React 服务端渲染初步尝试
题叶
2015-06-28
阅读 2 分钟
13.3k
简聊代码用了 React 存在, 存在加载缓慢的问题. 一些表单页面也会受到影响于是开始尝试做服务端渲染, 方便在打开时能更快渲染页面JavaScript 代码以 defer 模式等待页面渲染完成, 然后开始加载
[译] Deku Component Specs
题叶
2015-06-23
阅读 3 分钟
2.9k
原文: [链接] Components 是 UI 当中重用的部分. 可以把 component 认为是 select 元素那样可以复合的自定义元素. 每个生命周期的钩子可以定义一个函数, 用来操作 state, 会偶尔返回需要的数据. component 只不过是对象, 对象上有函数和属性. 其中不存储任何的 state, 也没有到处用的 this. {代码...} 使用模块只需要引...
1
(current)
2
下一页
1
(current)
下一页