随着移动端开发和 React 的流行, 越来越多的人想要学习 React Native 本文将向你推荐一些自学 React Native 的恳切建议, 介绍一些关于 React Native 的学习资源, 并推荐一些简单实用的开发工具相信只要按照本文所述的方法实践, 你一定能更快速得成为一名 React Native 开发者
如果你已经看过 The State of JavaScript 2017 (2017 年 JavaScript 状态调查)的结果, 你会发现许多有趣的数据
其中突出的一点是: 许多人想要学习 React Native
JavaScript 移动端状态调查结果
这真是太好了过去一整年, 我一直在教人们如何使用 React Native 开发团队希望通过同时触达南非和印度的 iOS 和 Android 用户来最大化他们的现有开发资源, 而这些用户希望通过移动应用来提高他们社区的生活质量
一部分教授过程是通过回答开发者的邮件他们其中很多都只是刚刚开始接触 React Native, 希望找到学习 React Native 的最佳方法
我经常回复邮件其中最经常被问到的问题是, 学习 ReactNative 的最佳方法是什么? 尽管没有真正最佳的方法, 但我在这里会分享一些 React Native 开发者速成指南我曾经将这个方法告诉过成百上千人我希望这也会帮助到你
建议
在我们深入探讨如何真正成为 React Native 开发者之前, 我想大体上给你一些自学方面的建议我发现, 只要人们投入时间, 他们一般都很擅长自学
我知道大家都很忙, 但是只要做很少一点事情, 你就可以自学很多东西
避免干扰
你正在浏览某个科技媒体你可能是通过 Google 搜索或者订阅发布, 发现了这篇文章这意味着, 你可能看到或听到很多技术相关的信息
这非常棒! 我们生活的技术世界日新月异
但是, 这可能会令你精疲力竭, 特别是当你还只是刚刚起步的时候我的建议是一旦你读完这篇文章, 就立马制定一个学习计划来让你静下心来踏实学习
集中你的注意力到你正在学习的东西上, 暂时隔绝新事物的干扰学习那些核心概念, 而不是不断盲目追求最新的 package 或做事方法
制定一个计划, 然后严格遵守克服错失恐惧症 (FOMO,fear of missing out, 即害怕错失某些事情) 一旦你学习了基础知识, 几周之后再来学那些东西也为时不晚
不要将正在学习的东西投入实际产品
我经常收到一些邮件, 其中人们经常尝试将一些复杂的 package 集成到他们现有的 App 中, 然后导致 App 无法正常运行但是它又需要运行这可是我的重头 App!
我知道你现在就想投身于构建自己的 App 但是, 那不是最好的学习方式因为有许多变动的部分, 所以这个过程会让你感到沮丧更可气的是, 下一周, 你发现做错了一些事情, 然后必须在你的 App 中解决并修复这些问题
每次学习一个概念, 或一个 packgeg, 或一项技术在一个随时可以丢弃的环境或沙箱环境下学习
一旦你在沙箱环境中掌握了新技术, 然后就可以把它带入你的实际 App 中了你会更开心一些, 你的代码会从中受益, 并且你也会更清楚实际运行情况
规划时间
你忙, 我也忙, 大家都很忙但是, 我们要把时间花在重要的事情上也许是一次就医预约, 也许是与你的老板或投资人的一次会议, 也许是与你的新爱慕对象的一次约会
重点是你做出一个承诺, 把它安排进你的日程, 然后坚持遵守
学习和投资自己是如此重要, 值得好好规划你需要像遵守其它重要承诺一样来遵守你的学习计划
但是, 我没有时间!
抽出 5 分钟时间我知道你可以的每天抽出独立的 5 分钟一旦你觉得非常容易做到的时候, 可以将时间提升到 10 分钟然后当你适应了 10 分钟的时候, 可以再将时间提升到 15 分钟
重点是, 你要将它安排进你的日程并且把它放在显眼的位置相信我, 这很有效
我的学习时间是在吃午饭前的 30 分钟以及晚饭后的 15-30 分钟
制定一个学习计划
我之前已经提到这一点, 但是我真的很想再重述这一点制定一个计划是有好处的你可能已经为生活中的许多事情制定计划为什么不为学习 React Native 这件事制定一个计划呢?
回到我的第一条建议如果你没有计划, 你会发现自己在盲目追逐媒体上最新的东西现在不是你做那些事情的时候现在你需要制定一个学习计划
我建议你: 查看我下面提到的学习资源, 浏览它们提供的内容, 并且把这排进你的日程静下心来踏实学习, 直到掌握为止, 然后再查看其他东西
制定一个学习计划可能看起来像一场战争, 或者看起来非常复杂但其实不是这样! 为了消除分心, 我为你制定了一个和本文所述相匹配的学习计划你可以 直接下载
不要光学不练
我发现许多在 我课程 中的学生都有这个问题他们观看视频, 然后就完事了应该一边看视频一边编码, 或者在视频结束之后立即编写一些我视频中做的东西
学习并且实践是我们变得精通并真正明白的方式你会遇到必须调试的一些问题, 思考为什么一些事情是用某种方式处理的, 然后你就会留下深刻记忆
不要光学, 要多实践
学习资源
JavaScript
简单免费而且有趣
想要更多资源? 这里有许多由 Eric Elliott 策划
任何编程语言都包含许多内容如果你只是对学习 React Native 开发中常见的 ES6 功能感兴趣, 我这里为你整理了一份大纲
React
对于使用 React Native 来说, 理解 React 是必要的从名字上就可以看得出, React 官方文档对你应该很有帮助
我是 Dan Abramov 的 React 教材的热粉, 它会教你使用 React 所需要知道的一些事情
如果你刚刚接触 JSX, 这会帮到你:
我也经常参考各种生命周期方法, 因为我的大脑拒绝记住它们
React Native
和 React 一样, 你应该先去看看官方文档, 特别是学习基础指南的时候
一旦你看过了官网资料, 我这里为你准备了一份 免费课程 它会一步步教会你如何用 React Native 构建一个货币汇率换算器
另外一个免费的干货资源是 Devin Abbott 的 React Native Express
这些资源应该会让你打下牢固的基础
工具
学习新东西时最难的事情是, 确保你已经正确搭建了开发环境, 使得你真的可以进行学习这里有一些使得搭建环境更容易的工具
Expo
Expo 使得开发移动应用难以想象得容易它允许你构建移动 App 而不管你是基于哪个平台有一些可能会困扰你的原生技术, 你在这个学习阶段不需要担心, Expo 会负责处理它们
另外一个好处是它们为你提供了许多默认 API(例如获取相机获取图标等), 因此你不必再为安装类似 API 而担忧它都提供给你了
如果你从来没有用过 React Native, 或者就算你曾经用过, 我也强烈推荐你试试这款工具我现在就是用它来构建我所有的 App 的
React Navigation
你的 App 通常会有多屏内容可以试试用 React Navigation 来处理导航它非常易用, 而且大部分你遇到的教程 (一旦你完成了你的学习计划!) 都可能是使用它来处理导航的
React Native Elements
React Native Elements 是一个 UI 库, 它可以使你快速容易地制作好看的 App
除了提供通用 UI 组件之外, 它还是学习如何使用 React Native 的一种非常好的方式其中的组件设计得非常好, 这是一个深入学习如何组织和构建你自己的 UI 组件的非常好的项目
哇! 这里有太多东西了它会为你提供一个开始学习 React Native 的非常棒的地方
记住, 制定你的学习规划我总结了一份学习指南, 帮助你一步步学习我罗列出来的资源我将它按逻辑和时间估计分组你只需要将它排进你的日程就可以了
想要我为本文总结的学习计划? 立即点击下载吧 !
来源: http://www.tuicool.com/articles/f6baIrz