美文网首页
RN入门分享

RN入门分享

作者: L小杰 | 来源:发表于2019-03-29 13:33 被阅读0次

一.React简介

React是Facebook开发的一款JS库,在iOS上仅支持iOS7.0以上。
React Native提倡组件化开发,也就是说React Native给我们提供一个个封装好的组件让开发者来进行使用,甚至我们可以相关嵌套形成新的组件。
使用React Native我们可以维护多种平台(Web,Android和IOS)的同一份业务逻辑核心代码来创建原生应用。

二.React Native 开发基础环境

React Native 开发基础环境

三.创建新项目

react-native init AwesomeProject

编译并运行 React Native 应用

cd AwesomeProject
react-native run-ios

四. 集成到现有原生应用

集成到现有原生应用

五.RN的生命周期

六.个人总结

Props 、 State对比

相同

  • 都是用于描述组件状态的
  • 都可以改变,改变都会触发组建的重新渲染
    不同
  • Props是由外部传入的,是父组件传递给子组件的数据流。
  • State是内部定义的,代表组件的内部状态。在内部改变与外部组件没有直接联系。
    Props通常在组件外部发生变化,在内部保持不变。
    一个组件不能改变自身的props, 但要负责设置子组件的 props。

七.学习网站

RN中文网
RN英文网
React Navigation中文网
React Navigation英文网

相关文章

  • RN入门分享

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

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

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

  • ReactiveNative 的 第一个程序

    前言: ReactiveNative简称RN,RN初始可以参考这篇文章:Reactive Native 入门MAC...

  • React Native学习

    1.RN官方文档 RN官方提供的说明文档,初略的介绍了RN组件和api的使用方法,用于带领RN初学者入门使用的。h...

  • ReactNative开发总结

    RN入门必学: React基础 ES6、ES7 typescript(ts越来越火,RN也可以用ts开发) CSS...

  • RN分享

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

  • rn分享

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

  • react native集成到原有的项目中(iOS)

    接触RN也有一段时间了,基本上来说算是入门了,到目前RN的应用还没有达到期望的广泛度,大部分还是以原生+RN的方式...

  • RN入门简要知识图谱

    [TOC] 前言 本文面向人群是有编程经验,但是对js, rn 都不太了解的同学。主要介绍了入门RN所需的知识图谱...

  • react-native入门,环境的搭建和遇到的问题

    首先介绍我也是刚入门的小白,只是把我在学习RN学习时候的自己遇到的问题和大家分享,希望大家少走弯路。 1.安装JD...

网友评论

      本文标题:RN入门分享

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