javascript
文章平均质量分 95
50岁的星空
表用鼠目的村光笔画伟岸的思想
展开
-
告别keepalive,使用ReactRouter6原生组件实现状态保留的多标签微前端
AntdFront-基于recoil、react-router原生组件搭建按钮级权限多标签微前端模板一、引言从Jquery、Extjs等JS UI库 的mvc时代过来的程序猿,多标签那会从来不是个问题。到react的csr项目发现都是清一色基于react-router单页应用,而现存的多标签解决方案都要么依赖框架加插件(umi-plugin-keep-alive)的加持,要么依赖额外的库(react-activation、react-keepalive-router等)。上框架心里接受不了,因为..原创 2021-04-24 18:20:47 · 1573 阅读 · 0 评论 -
Lingui.js—React 前端国际化工作流解决方案
js 日期国际化,轮子满天飞,ECMAScript 推出原生Intl对象后,百花齐放的局面才开始迅速向原生靠拢… 并直接导致 moment.js 的弃坑 ,进化向了 luxen.js。采用js原生API的国际化日期库(day.js) 开始涌现,并以"玲珑小巧、相恨建晚的真香"姿态迅速抢占了相关市场份额,引领了一波国际化库迭代的潮流。react 前端国际化解决方案也在不断演进,如react-18next、react-intl-原创 2020-11-17 23:37:03 · 2161 阅读 · 1 评论 -
React CSR数据流选型指南
一、引言CSR:(client side render)客户端渲染,SSR:(server side render)服务端渲染。面向的场景不同,最佳实践的数据流选择也不同。SSR通常适合 首屏性能、安全性、SEO或存在静态页面体量需求较高的场景。推荐选择支持GraphQL的开发框架。比如apollographql、relay,nextjs,gatsby 等, 上了框架,往往数据流的选择空间有限,且GraphQL在浏览器缓存及数据一致性问题上一直是业界头疼的问题。故在数据流的选型上本文仅面向CSR谈谈自己的原创 2020-11-06 09:52:29 · 318 阅读 · 0 评论 -
React 下一代数据流 hox vs Recoil 使用对比分析
Facebook 最近内部释出一个状态管理库Recoil。心里着实吓了一跳,笔者花费了一段时间的实践选定了hox,并且完成了一套纯函数组件、纯hook、按钮级权限、微前端开发架子:X-neuron/antdFront 。这么看岂不是又得推翻重造,于是忍不住加了两天班,深度补脑了下。 对比之前,首先想先搞明白,那么上一代是啥:redux。由此衍原创 2020-05-22 08:44:24 · 1999 阅读 · 0 评论