美文网首页React Native资料汇总React NativeReact Native
React Native 入门(三) - 给 Android 开

React Native 入门(三) - 给 Android 开

作者: ayuhani | 来源:发表于2017-10-30 22:11 被阅读203次

    当前 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,第二部分介绍 React Native,看完这两个部分就可以了。不过由于视频是用 ES5 语法写的,写的过程中我也遇到了很多坑,不过最后都一一解决了,还是很有成就感的。第三部分属于项目实战,我选择了忽略,而是去看了下面推荐的 GitHub 项目实战视频。

    这也是我看的第二个视频,用 ES6 语法讲解 React Native 的基础,也是通过这个视频,让我解决了上面留下的坑。视频质量很高,可以说是上一个视频的补充和巩固。

    这是第二个视频作者推出的一个付费视频,我目前正在学习这个,大概学习了一半,收获很多,成就感满满。不过比较遗憾的是价钱有些稍贵了。另外值得吐槽的一点,作者总是偷偷地改代码,经常会在下一个视频发现代码有改动,而且作者不会说明,所以有时候会导致不少问题,虽然自己也能解决,但不免浪费了不少时间。

    这里提个醒,以上三个视频都用到了 Navigator 这个组件,由于这个组件已经被官方抛弃了,所以要自行安装:

    yarn add react-native-deprecated-custom-components

    然后在文件中导入:

    import { Navigator } from 'react-native-deprecated-custom-components'

    这样才能使用这个组件。导入的时候大括号一定要加上,我一开始没有加大括号,导致项目报错,浪费了好多时间。关于为什么要加上大括号,学习的过程中你就会明白了。

    这个视频我还没有看,但是看了下目录,感觉还是不错的。讲到了 Redux,据说是个很厉害的东西。并且基于当前最新的 0.48 版本,很不错,还有就是价格实惠。我打算写过 GitHub 的项目就来学习这个,一方面巩固基础,另一方面拓展知识。

    相关网站

    组件、api 文档等都可以在这里找到,讨论区也比较友好,我的第一个坑就是在这里解决的。

    js 的 api 文档,coding 中用到 js 的各种方法等,可以到这里来查看。这个网站给我的第一印象是,好看!

    ES6 的语法,即便你能写了,可能也不太理解,可以到这里查看。通读一遍没有什么意义,用到了再来看。

    东西不是很多,看上面的第一个视频也就足够了。

    FlexBox 的详细介绍,当然了,React Native 中文网里面也有相关介绍。

    第三个视频作者总结的相关学习资料,还有他自己写的博客,推荐一下。

    巩固与提升

    写完了一两个项目,就要巩固基础,差缺补漏,只有基础扎实了,才有提升的资本。而提升的方法就是多学多练,见得多了,收获的自然也就多了。

    总结

    对于 Android 开发者来说,React Native 的入门还是比较容易的。但是要熟练的掌握和使用,就要 Keep Learning & Keep Coding

    文章同步自 CSDN:http://blog.csdn.net/qq_24867873/article/details/78134473

    欢迎关注我的微信公众号

    相关文章

      网友评论

      • Double_journey:不错不错!这两天在学习这个,感觉你写的很好,很入门,今天在踩stacknavigator的坑,弄了一天,心塞塞

      本文标题:React Native 入门(三) - 给 Android 开

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