React 总结 - 进阶篇

安装React 开发调试工具

需要科学上网 去google的网上应用商店 搜索React Developer Tools

React Developer Tools
没办法科学上网的小伙伴 可以评论或者私信我 还不行的可以加我微信😂😂😂😂😂

还是很好用的 有State 还有Props 组件树 其他功能我还没用到用到了再说

• state props render之间的关系
  F的state值更改 会render 给Z传值Z props接受 props改变 也会触发render
  F的render函数执行 子组件的render也会执行

ref 官方推荐不要用ref 数据驱动去实现功能

推荐几个比较有意思的网站

• scaffolf.ant.design
• codesandbox.io

一些React的高级应用

虚拟DOM

• 描述

1.state 数据
2.JSX模板
3.数据+模板
4.生成虚拟DOM(其实就是个js对象 来描述虚拟DOM树)

state发生变化

5.生成新的虚拟DOM()
6.比较原始虚拟DOM和新的虚拟DOM的区别 找到区别 生成新的虚拟DOM 并替换真是DOM

• 深入虚拟DOM理解
  JSX -> -> createElement -> virtual DOM(JS对象)-> DOM
  其实RN之所以存在也是因为虚拟dom 因为虚拟DOM是个js对象 可以转换成原生应用的各种组件

  • diff算法 同级比较 还没有到深入了解diff算法的程度 现阶段用react做个东西了解用法 采坑 后续等有机会深入了解