react
5篇文章 · 0订阅
  • React系列-自定义Hooks(下)
    ❗️我们的state变化很复杂，经常一个操作需要修改很多state，另一个好处是所有的state处理都集中到了一起，使得我们对state的变化更有掌控力，同时也更容易复用state逻辑变化代码，比如在其他函数中也需要触发登录success状态，只需要dispatch({ typ…
    前端框架
    React系列-自定义Hooks(下)
  • React系列-轻松学会Hooks(中)
    ❗️❗️HOC、Render Props 等基于组件组合的方案，相当于先把要复用的逻辑包装成组件，再利用组件复用机制实现逻辑复用。自然就受限于组件复用，因而出现扩展能力受限、Ref 隔断、Wrapper Hell……等问题 ❗️注意上面的代码，有个 index=0 的操作，因为…
    React.js
    React系列-轻松学会Hooks(中)
  • React系列-Mixin、HOC、Render Props(上)
    React 里，组件是代码复用的基本单元，基于组合的组件复用机制相当优雅。而对于更细粒度的逻辑（状态逻辑、行为逻辑等），复用起来却不那么容易,所以我们是通过分析以下几种模式来解决我们状态逻辑复用问题 Mixin `倾向于增加更多状态`，这降低了应用的可预测性（`The more…
    前端
    React系列-Mixin、HOC、Render Props(上)
  • 搭建自己的React+Typescript环境（二）
    optimize-css-assets-webpack-plugin：在webpack打包时优化压缩css代码，主要使用 cssnano 压缩器。 webpack.splitChunks：webpack 4 最大的改动就是废除了 CommonsChunkPlugin 引入了 o…
    React.js
  • 搭建自己的React+Typescript环境（一）
    然后在webpack.common.js中简单的配置入口(entry)跟输出(output)。 接着在根目录下再新建src文件夹，用来存放主要代码，并新建index.js，随便写点东西。 webpack4中提供了 mode 配置选项，告知 webpack 使用相应模式的内置优化…
    React.js