rn分享

作者: _哈哈哈哈哈哈 | 来源:发表于2020-12-31 18:27 被阅读0次

转至元数据结尾

转至元数据起始

#### 什么是 React

* React 是一个用于构建用户界面的 JavaScript 库。

* 声明式UI

#### JSX

[JSX](https://zh-hans.reactjs.org/docs/jsx-in-depth.html)

#### Component

* Props

* State

* 生命周期 [图例](https://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/)

#### shouldComponentUpdate

* react 的核心卖点之一

* setState (只要调用了 setState 就会调用 render 无论你 setState 修改的是什么,哪怕是页面里没有的一个数据,render 都会被触发,并且父组件渲染中会嵌套渲染自、子组件。)

* render

* diff | reconciliation

官方一点的定义应该称为 reconciliation,也就是 React 用来比较两棵节点树的算法,它确定树中的哪些部分需要被更新。

在确定两棵树的区别后,会根据不同的地方对实际节点进行操作,这样你看到的界面终于在这一步得到了改变。当年 React 也就因为这个高效的 dom 操作方法得到追捧。

* shouldComponentUpdate

#### PureComponent

#### Context

#### Ref

[refs 转发](https://zh-hans.reactjs.org/docs/forwarding-refs.html)

#### Fragment

[fragment](https://zh-hans.reactjs.org/docs/fragments.html#short-syntax)

#### 高阶组件

[高阶组件](https://zh-hans.reactjs.org/docs/higher-order-components.html)

#### 协调与 diff

[diffing](https://zh-hans.reactjs.org/docs/reconciliation.html)

### react hook

### 如何查看ReactNative 的源码

相关文章

  • RN分享

    1 安卓签名文件:https://www.cnblogs.com/anxiuyun/p/7727133.html...

  • rn分享

    转至元数据结尾 转至元数据起始[http://confluence.aihuishou.com/pages/vie...

  • RN分享会

    内容 介绍下页面导航,常用控件:viewpager、scrollView、modal常用api:Alert 、To...

  • RN入门分享

    一.React简介 React是Facebook开发的一款JS库,在iOS上仅支持iOS7.0以上。React N...

  • RN学习(一)——创建第一个RN项目

    最近在研究RN+codePush。顺便记录一下,分享给想学习RN的小伙伴,让我们一起从入门到放弃~~~ 安装RN到...

  • Cocoapods 引用React-native库-Unable

    分享一个小问题,pod引用RN库的报错原生经常会引用一些RN库,很多第三方的RN库,多多少少在引用的时候会出现一些...

  • 白雪扇贝每日一句特训班(0221-0229)Tankard的第六

    本周任务完成情况: 一、单词分享 2.21单词分享 journalist[ˈdʒərn(ə)ləst]n.新闻记者...

  • RN笔记-RN电商项目源码分享

    学习完小码哥react-native视频教程,已完成电商项目的基本框架与界面搭建。 以下提供项目的源码,仅供更多的...

  • RN 与 OC 交互

    RN 开发过程中,很多功能还是需要由原生来实现,比如支付、分享等,这就需要在 RN 中调用 OC 的方法,或者 O...

  • 原生App 与 ReactNative的 数据交互

    RN 开发中 难免会用到原生的一些库和方法 , 因此 RN 与 原生的数据交互 就显得很重要 。 在此整理分享一下...

网友评论

      本文标题:rn分享

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