react
6篇文章 · 0订阅
  • react Hook之useMemo、useCallback及memo
    useMome、useCallback用法都差不多，都会在第一次渲染的时候执行，之后会在其依赖的变量发生改变时再次执行，并且这两个hooks都返回缓存的值，useMemo返回缓存的变量，useCallback返回缓存的函数。 React.memo 为高阶组件。它与React.P…
    React.js
  • 教你使用Dumi和father-build快速搭建React组件库
    1. 背景 目前我所在业务组是负责后台管理系统，但是对于使用的组件并没有引入第三方库，全有开发人员自己编写。但是对于Common Project还是处于拷贝的方式。然后萌生了对公共组件库进行管理的想法。这个方式有什么好处呢？ 能够沉淀组内组件，避免重复造轮子的缺陷。 统一维护组…
    React.js
  • 一文速览React全栈
    本文依次介绍 组件、JSX、Virtual DOM、Flux架构、Redux、react-redux和性能优化。 1. 组件 组件是React的基石，所有的React应用程序都是基于组件的。 用这种方式，就实现了一个React的组件，在其他的组件中，可以像HTML标签一样引用它…
    React.js
  • 学习 redux 源码整体架构，深入理解 redux 及其中间件原理
    1. 前言 感兴趣的读者可以点击阅读。 其他源码计划中的有：express、vue-rotuer、react-redux 等源码，不知何时能写完（哭泣），欢迎持续关注我（若川）。 源码类文章，一般阅读量不高。已经有能力看懂的，自己就看了。不想看，不敢看的就不会去看源码。 所以我…
    JavaScript Redux
    学习 redux 源码整体架构，深入理解 redux 及其中间件原理
  • 用 useContext + useReducer 替代 redux
    Redux 毫无疑问是众多 React 项目首选的状态管理方案，但我觉得 Redux 的开发体验并不好。 去到管理 redux 的文件夹，思考把这个状态放到状态树的哪个位置，然后新建一个文件夹并命名 myFeature。 以上只是加个状态而已，写很多模板代码还是其次，最要命的是…
    React.js
    用 useContext + useReducer 替代 redux
  • webpack4 的30个步骤打造优化到极致的 react 开发环境，如约而至
    本篇所有代码线上代码react-webpack4-cook,翻译过来叫：webpack4和react的乱炖，可以跟着代码进行配置，之前有很多坑，线上代码都已经被解决了 。如果对您有帮助，不妨给个star.点赞关注不迷路 一篇文章不写前言总感觉不太正式，大概介绍下我是怎么完成一个…
    React.js JavaScript Webpack