首先,你需要接受一个事实,就是为了使用 React 你需要学习除了 React 之外更多的知识。这是件好事,React 这个库在某些场景下使用是非常棒的,但它并不能解决所有问题。
而且,请先确认你现在是否在学习 React,这主要是为了不让你对学习 React 本身感到困惑。一个熟悉 html 和其他一种编程语言的程序员,他应该能够在一天或更短时间内 100% 的掌握 React。一个新手程序员应该在一个星期就能掌握 React。当然,这不包括用来完善 React 的工具及其他库,例如 Redux 和 Relay。
有序地学习是一件重要的事情,这个顺序会根据你掌握的技能而有所不同。不言而喻,首先你需要对 JavaScript 本身有清晰的理解,当然, HTML 也是。我想在这详细说明下,如果你不知道如何使用数组的 map 或 reduce 方法,或者你不理解闭包,回调的概念,又或者如果在 JavaScript 代码中看到“this”使你感到困惑。那么你还没有准备好学习 React ,而且在 JavaScript 的领域你还有很多东西需要学习。
首先更新 JavaScript 的知识并不是一件坏事,主要是你需要学习 ES2015,并不是因为 React 依赖它(事实也并不依赖 ES2015)。但因为它是一个更好的语言,因此大多数示例,课程和教程都会使用现代的 JavaScript 语法。具体来说,你需要以下内容:
你不需要从 ES2015 开始学习,但最终你还是需要学习它(并不是因为你正在学习 React)
所以除了 ES2015 以外的东西,要成为一个高效的 React 开发者你还需要学习以下内容:
在你学习的过程中,你能做到最好的事就是靠自己双手构建东西。不要复制粘贴例子,也不要盲目地遵循说明,而是参照说明构建其他东西(理想情况下,你更在乎的东西)。无论你做什么,不要只做一个 TODOs 应用程序。
我发现构建简单的游戏比用数据驱动的严肃的 web 应用程序能更好地展示 React 的思想。这就是为什么在我的 React.js 入门课程中,我专注于构建简单的游戏。我还在我的《简洁的 React.js》中构建了另一个不同的游戏,你可以免费阅读。尝试在JavaScript 在线开发平台 中实现其他类似的游戏,这是一个好的开始,你不需要服务器,也不需要管理那些烦人的 state。
JavaScript REPL 和 React.js 开发平台 通过jsComplete交互式实验学习 JavaScript 和 React.js jscomplete.com
最近,我为 jsComplate 创建了一个交互式的音频学习工具。我测试这工具的第一个实验是一个 React.js 的例子。如果你有做实验,请务必留下你的反馈意见。
祝你好运并玩得开心!如果你提问得很好,我会很乐意的看看你第一个 React 应用程序并给你一些指导。
感谢您的阅读,如果你发现这篇文章对你有帮助,请点击下面的
来源: https://juejin.im/post/5a2f8ea5f265da43305e6f6b