composable component context react
重新捋一捋React源码之更新渲染流程
前言 前些天在看Dan Abramov个人博客（推荐阅读，站在React开发者的角度去解读一些API的设计初衷和最佳实践）里的一篇文章，其重点部分的思想就是即使不使用Memo()，也可以通过组合的方式来减少组不必要的渲染。 作者在放出代码讲述结论的时候并没有细说原理只是一笔带过，所以笔者自己想着从R ......
使用Prometheus监控docker compose方式部署的ES
需求 收集 ES 的指标, 并进行展示和告警; 现状 ES 通过 docker compose 安装 所在环境的 K8S 集群有 Prometheus 和 AlertManager 及 Grafana 方案 复用现有的监控体系, 通过: Prometheus 监控 ES. 具体实现为: 采集端 el ......
在windows下导入react项目并且打包编译后部署到nginx上
在windows下导入react项目并且打包编译后部署到nginx上 一、安装npm 二、创建react项目 三、安装nginx 四、总结 最近接手了公司的一个django项目，这是应该前后端分离的项目，前端使用react编写，由于之前没用过react，所以在配置时遇到了一些问题，现在记录下来。 一 ......
React DevUI 18.0 正式发布🎉
2021年11月，由 Jay 主导发起了 React DevUI 开源组件库项目，经过一年多的孵化?，终于在`2022年11月23日`发布 18.0.0 正式版本? ......
React报错之Function components cannot have string refs
总览 当我们在一个函数组件中使用一个字符串作为ref时，会产生"Function components cannot have string refs"错误。为了解决该错误，使用useRef()钩子来得到一个可变的ref对象，这样你就可以在组件中作为ref使用。 这里有个示例用来展示错误是如何发生的 ......
React报错之React.Children.only expected to receive single React element child
总览 当我们把多个子元素传递给一个只期望有一个React子元素的组件时，会产生"React.Children.only expected to receive single React element child"错误。为了解决该错误，将所有元素包装在一个React片段或一个封闭div中。 这里有个 ......
React报错之Element type is invalid
总览 产生"Element type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got"错误有多个原因： 在导入组件时，将默 ......
React报错之Too many re-renders
总览 产生"Too many re-renders. React limits the number of renders to prevent an infinite loop"错误有多方面的原因： 在一个组件的渲染方法中调用一个设置状态的函数。 立即调用一个事件处理器，而不是传递一个函数。 有一 ......
项目完成小结 - Django-React-Docker-Swag部署配置
前言 最近有个项目到一段落，做个小结记录。 内容可能会多次补充，在博客上实时更新哈~ 如果是在公众号阅读这篇文章，可以点击「查看原文」访问最新版本~ 这个项目是前后端分离，后端为了快，依然用我的DjangoStarter框架。前端一开始是小程序，后面突然换成公众号H5的形式，还好我用了Taro，大差 ......
React Server Component: 混合式渲染
相信大家对 React Server Component 有所耳闻，React 团队对它是这样介绍的： zero-bundle-size React Server Components。这是一种实验性探索，但相信该探索是个未来 React 发展的方向，与 React Server Component... ......