美文网首页
学习 React 设计模式与最佳实践读后感

学习 React 设计模式与最佳实践读后感

作者: ltaoo | 来源:发表于2018-08-17 12:12 被阅读494次

感谢图灵社区的电子书阅读奖励计划

看到出了电子版就立刻买了,对「最佳实践」比较感兴趣。

通读下来,目标读者是已经有 React 经验,想要在「实战」方面有所学习、借鉴。对,就是像我这种,写了一些 React 项目,但一直没有机会去了解某个写法是否是合理的,是否有更好的写法等。

核心来说,就是介绍了一些写法吧,大部分是业内比较常见的,以及介绍了一些库,方便实现介绍到的写法,或者说理念。

最大的收获是对「高阶组件」的用法用了更深入的认知,虽然早就知道,但一直觉得在项目中用不到,其实很多地方都能用到,只是没有意识到。
其实高阶组件换个名字能更容易被理解,就是装饰器,或者说控制反转?
总而言之,高阶组件是接收组件作为参数并返回新的组件,但用法是给作为参数的组件添加一些特性,并返回新的组件。

所以,出现了一些模板代码、通用逻辑的地方,就能用到高阶组件。

后面介绍了 CSS in JavaScript、服务端渲染等,不是很感兴趣就直接跳过了。最后面讲「性能优化」,还是讲到了一些知识点,值得学习。

给出了一些和我目前的观点不一致的内容

  • PureComponent 只在必要时使用
  • 无状态组件在性能上并没有提升

之前从没有深入思考过这个问题,无状态组件到底好不好,如果好,好在哪;意识到自己已经是在机械的写代码了,只是为了完成需求,套用之前的代码,写法一成不变,固然有赶需求的原因,但对自己要求的降低也是事实,应该要正视这个问题。

相关文章

  • 学习 React 设计模式与最佳实践读后感

    感谢图灵社区的电子书阅读奖励计划。 看到出了电子版就立刻买了,对「最佳实践」比较感兴趣。 通读下来,目标读者是已经...

  • iOS 架构模式学习笔记

    iOS 架构模式学习笔记 设计模式 设计模式 和 编码技巧 、架构模式的区别: 设计模式:特定场景下的最佳实践 如...

  • JavaScript设计模式

    ## **JavaScript设计模式** ## **设计模式简介** 设计模式代表了最佳的实践,通常被有经验的面...

  • java设计模式之--单例模式

    Java的Singleton设计模式的最佳实践与实例 Author:Bob Date:2016/05/02 Ema...

  • 设计模式之简单工厂、工厂方法、抽象工厂

    设计模式之简单工厂、工厂方法、抽象工厂 什么是设计模式? 设计模式(Design pattern)代表了最佳的实践...

  • 设计模式之概述

    参考资料:菜鸟教程之设计模式 设计模式概述 设计模式(Design pattern)代表了最佳的实践,通常被有经验...

  • java23种设计模式—— 一、设计模式介绍

    Java23种设计模式全解析 一、设计模式简介 设计模式(Design pattern)代表了最佳的实践,通常被有...

  • 设计模式

    设计模式 设计模式简介 设计模式(Design pattern)代表了最佳的实践,通常被有经验的面向对象的软件开发...

  • 设计模式简介

    设计模式简介(来源于设计模式教程的介绍) 设计模式(Design pattern)代表了最佳的实践,通常被有经验的...

  • 设计模式。。。

    什么是设计模式 设计模式是在软件实践过程中,程序猿们总结出来的良好编程方法,设计模式代表了最佳的实践。 为什么要使...

网友评论

      本文标题:学习 React 设计模式与最佳实践读后感

      本文链接:https://www.haomeiwen.com/subject/kjlivftx.html