RN(ReactNativev)初识

抹黑走

先开个头吧

  1. 对于指挥Android开发的我也是两眼一抹黑,开始我也是不知所措。打开Chrome

——百度搜索ReactNative 相信大家第一个搜到的应该就是:React Native 中文网,那就开始跟着这个网站先学习吧:环境搭建 or 开始学习 ,I chose the first 。
——老老实实的 根据文档进行环境搭建就好了。如果你也是个Android开发者应该会省去Android环境搭建(我们的优势啊)。
——两眼一抹黑只能按别人的套路走啊,没办法,那里撞墙哪里拐弯呗(其实按这个套路配置环境是没有任何毛病的、照做就好了)。
—— 环境搭建好了是不是发现还没有开发工具。

  1. 开发工具选择:

——虽然只会Android开发,但是对VisualStudio code 是早有耳闻的,而且基于对平时的使用真心觉得是个强大的工具(各种强大的插件)。经过百度搜索也是很多人都推荐使用VS开发,工欲善其事必先利其器。
——可是、可是不管我怎么捯饬 感觉VS的坑实在太多了,基本上在这个坑爬到另一个坑(也有可能个人原因,有大神求带)。经过一个星期的软膜硬泡、 换。 应用IDE家族的webstorm (Androidstudio的 家人啊)。见到webstorm 真是两眼泪汪汪啊、亲人。(**就自己搞吧、网上有一大堆资源)。都说VS好可是 不合我的脚。毕竟能够快速学习是第一要位、还是自家人比较熟悉。

  1. 环境、工具整好了、开始学吧。

——就继续React Native 中文网 -> “开始学习”吧
——开文第一段:“React Native 看起来很像 React,只不过其基础组件是原生组件而非 web 组件。要理解 React Native 应用的基本结构,首先需要了解一些基本的 React 的概念,比如 JSX 语法、组件、state状态以及props属性。如果你已经了解了 React,那么还需要掌握一些 React Native 特有的知识,比如原生组件的使用。这篇教程可以供任何基础的读者学习,不管你是否有 React 方面的经验。”

重点 :千万别去理解相信最后一句话是啥意思, 你只需要关注 中间那句话-- 首先需要了解一些基本的 React 的概念,比如 JSX 语法、组件、state状态以及props属性。如果你已经了解了 React,那么还需要掌握一些 React Native 特有的知识,比如原生组件的使用
—— 一定要先去了解这些知识不然,继续跟着这个套路走,你会。。。。。。
—— 了解这些知识的途径 大家自己去找吧,我倒是 在慕课上找到个 免费的、简单介绍使用RN的视频 :链接,可以借助视频学习还是个挺不错的选择(不过要注意我发现视频中 好多用的es5的写法,所以大家先去了解 ES5、6是啥 然后再看吧资料:es5-es6写法对照表)。其他资料大家自己找吧。

  1. webStorm简单实用

    1. ——file ->new -> project ->RN(ReactNativev)初识
    2. 运行
      RN(ReactNativev)初识
    3. 查看log

    RN(ReactNativev)初识

  2. 由于本人也是碰壁学,所写内容都是个人见解,仅供大家参考。今后也可能会发一些:学习、填坑的文档。有错误欢迎大家指正。