概述
当前 RN 版本:0.48
操作环境:Windows 10
前言
最近大概学习了一个月的 React Native 了,算是有了不少的收获。一开始觉得很难,但是代码敲多了,觉得入门还是很简单的。由于我是一名 Android 开发者,所以我就站在自己的角度,给想接触 React Native 的 Android 开发者一些建议。
学习建议
需要用到的知识点
- JavaScript
- ES6
- JSX
- React
- FlexBox
-
看到这么多知识点,你可能觉得很难。不要担心,以上这些,我之前也都没接触过。一开始我打算先看它们的语法,看了两天果断放弃了,开始跟着视频 coding 。
不会 js ?没有关系。Keeping coding,代码敲多了,你会发现它和 Java 很相似,而且比 Java 更简洁,上手会很快。没听过 JSX ?也没有关系。它不过是在 js 里面嵌入了 XML ,作为 Android 开发者,XML 总该懂吧。不会 React ?当然也没有关系。不过是用到了一些语法,coding 多了,自然也就了解了。而 FlexBox 就更简单了,个人感觉,比 XML 布局还要简单一些。说了这么多,总结一点就是 Keeping Coding,不要被你没接触过的东西吓到。
推荐视频
- (免费)React Native 零基础入门到项目实战
这也是我看的第一个视频,第一部分介绍 React,第二部分介绍 React Native,看完这两个部分就可以了。不过由于视频是用 ES5 语法写的,写的过程中我也遇到了很多坑,不过最后都一一解决了,还是很有成就感的。第三部分属于项目实战,我选择了忽略,而是去看了下面推荐的 GitHub 项目实战视频。
- (免费)React Native 基础与入门
这也是我看的第二个视频,用 ES6 语法讲解 React Native 的基础,也是通过这个视频,让我解决了上面留下的坑。视频质量很高,可以说是上一个视频的补充和巩固。
- (付费)React Native 开发跨平台 GitHub App
这是第二个视频作者推出的一个付费视频,我目前正在学习这个,大概学习了一半,收获很多,成就感满满。不过比较遗憾的是价钱有些稍贵了。另外值得吐槽的一点,作者总是偷偷地改代码,经常会在下一个视频发现代码有改动,而且作者不会说明,所以有时候会导致不少问题,虽然自己也能解决,但不免浪费了不少时间。
这里提个醒,以上三个视频都用到了 Navigator
这个组件,由于这个组件已经被官方抛弃了,所以要自行安装:
yarn add react-native-deprecated-custom-components
然后在文件中导入:
import { Navigator } from 'react-native-deprecated-custom-components'
这样才能使用这个组件。导入的时候大括号一定要加上,我一开始没有加大括号,导致项目报错,浪费了好多时间。关于为什么要加上大括号,学习的过程中你就会明白了。
- (付费)React Native + Redux 实战宝典视频课程
这个视频我还没有看,但是看了下目录,感觉还是不错的。讲到了 Redux,据说是个很厉害的东西。并且基于当前最新的 0.48 版本,很不错,还有就是价格实惠。我打算写过 GitHub 的项目就来学习这个,一方面巩固基础,另一方面拓展知识。
相关网站
- React Native 中文网
组件、api 文档等都可以在这里找到,讨论区也比较友好,我的第一个坑就是在这里解决的。
- JavaScript 指南
js 的 api 文档,coding 中用到 js 的各种方法等,可以到这里来查看。这个网站给我的第一印象是,好看!
- ECMAScript 6 入门
ES6 的语法,即便你能写了,可能也不太理解,可以到这里查看。通读一遍没有什么意义,用到了再来看。
- React 教程
东西不是很多,看上面的第一个视频也就足够了。
- FlexBox 弹性盒子
FlexBox 的详细介绍,当然了,React Native 中文网里面也有相关介绍。
- React Native 研究与实践
第三个视频作者总结的相关学习资料,还有他自己写的博客,推荐一下。
巩固与提升
写完了一两个项目,就要巩固基础,差缺补漏,只有基础扎实了,才有提升的资本。而提升的方法就是多学多练,见得多了,收获的自然也就多了。
总结
对于 Android 开发者来说,React Native 的入门还是比较容易的。但是要熟练的掌握和使用,就要 Keep Learning & Keep Coding。
文章已同步至简书:http://www.jianshu.com/p/1b32f6764d5a
最后
以上就是慈祥大米为你收集整理的React Native 入门(三) - 给 Android 开发者的学习建议的全部内容,希望文章能够帮你解决React Native 入门(三) - 给 Android 开发者的学习建议所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
发表评论 取消回复