react进阶

参看react中文文档的react高级指南

JSX

只是React.createElement(component, props, ...children)的语法糖

PropTypes

可以利用propTypes进行内容检查,但是由于性能问题。只在开发模式下使用,后续有需求再去研究,先不做了解。

静态参数检查

一般大型项目都采用Flow或者Typescript。后续需要使用时在看。

refs 和Dom

可以利用refs来取得dom对象。后续使用细看,目前只是有个概念。

不受控组件

利用refs配合表单元素可以快速对接react。defaultValue可以设置不受控组件默认值。需要在使用中探索。

不使用ES6

将ES6语法利用ES5替代,需要的时候再细看。

不使用JSX

所有的JSX都是React.createElement(component, props, ...children)的语法糖

一致性比较(reconciliation)

react树的对比算法,目前知识有点了解,需要使用后再回头看看。

上下文(context)

不熟悉redux的不建议使用- -实验性API。等需要用的时候再看存不存在吧。

片段(fragments)

对于处理表格或列表来说是个很好的解决方案。fragment中只有key属性。

插槽(portals)

portal可以将子元素挂载在任意dom元素中。而且可用事件冒泡做更高级的抽象(事件冒泡这一块需要了解)

错误边界(Error Boundaries)

react16的新概念。定义了componentDidCatch(error, info)的新生命周期方法。

错误边界 无法 捕获如下错误:

  • 事件处理 (了解更多
  • 异步代码 (例如 setTimeout 或 requestAnimationFrame 回调函数)
  • 服务端渲染
  • 错误边界自身抛出来的错误 (而不是其子组件)

目前还在了解概念阶段,都只是简单了解。后续有所体会再来接着补充。如果真的使用react开发的话。应该要说的很多都在进阶这一块里面。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 原教程内容详见精益 React 学习指南,这只是我在学习过程中的一些阅读笔记,个人觉得该教程讲解深入浅出,比目前大...
    leonaxiong阅读 2,860评论 1 18
  • 以下内容是我在学习和研究React时,对React的特性、重点和注意事项的提取、精练和总结,可以做为React特性...
    科研者阅读 8,297评论 2 21
  • 深入JSX date:20170412笔记原文其实JSX是React.createElement(componen...
    gaoer1938阅读 8,107评论 2 35
  • 3. JSX JSX是对JavaScript语言的一个扩展语法, 用于生产React“元素”,建议在描述UI的时候...
    pixels阅读 2,886评论 0 24
  • 本文主要谈自己在react学习的过程中总结出来的一些经验和资源,内容逻辑参考了“深入react技术栈”一书以及网上...
    AirCloud阅读 878评论 0 1