ReactJS 的学习教程
欢迎移步我的博客阅读:《ReactJS 的学习教程》
当提到为某个应用或网站构建 UI 时,ReactJS 往往是首先列出的最好的 JavaScript 库。首先它是开源的,并且已经在 Instagram 和 Facebook 上得到实践。还有一些著名的网站也使用 ReactJS 去构建他们的 UI,例如 Airbnb,Khan Academy,BBC,Netflix 等等。
如果你仍然在学习 ReactJS 的路上,并用它构建动态的用户界面,这里有一些教程能帮助你加速学习进程。
下面列出的是一些开发者和作者所写的一部分教程,他们能帮你从新手提升到专家。
ReactJs.net 的教程
这是众多版本的 React 教程之一。这个专门为设计师和开发者去“入门” React 和探索其功能而写的。本教程涵盖了利用 ReactJS 库去创建一个全新的 asp.net MVC 网站的完整流程,并且保证了学习的深入浅出。开始一个新项目的基本流程是,安装 React,构建 component,优化等等。
Ken Wheeler - 学习 ReactJS
这是 Ken Wheeler 在 Scotch.io 上发表的一篇很棒的教程。在去年发表的时候至今,已经有超过 200 条的分享,当然这些也只有在开发者社区圈里才会对此感兴趣。可以说这是目前找到的 ReactJS 最好的教程之一。此教程主要分为五个部分,从基础开始,涵盖了什么是 React,虚拟 DOM 是如何工作的,如何构建页面,生命周期的说明和 state 等。
第二部分则介绍了一些高级的概念,例如 Flux,dispatcher,视图控制器的依赖等等。第三,第四和第五部分主要是用 30 分钟去教你如何开发一个具有购物车的 ReactJS 应用,构建一个实时的 Twitter 流,以及开发一个移动应用。
Jack Callister - React 的快速入门
如果你正在寻找一个如何使用 React 库的快速指南,这会是一个很好的地方。这篇文章发布在 Jack Callister 的个人博客中。这篇文章并是不是很出名,但它对于学习基础知识已经足够了。作者写时主要描述 react element,component,JSX 和虚拟 DOM 的基础概念。当你理解了这些概念,就可以很轻松地构建一系列的用户界面。作者首先解释了渲染,然后是 component,props,state 和合成。
本文的另一个观点是,它充满了有用的工具链接,ReactJS 资源和信息。ReactJs 的初学者绝对值得一读!
Leveluptuts - React for Everyone
此教程的本质是提供给任何一个学习 ReactJS 的人,无论是初学者还是高手。这里面有一系列的视频来做介绍,并且涵盖了入门和理解这个库的基础知识。
在第二章中我们会得到很有趣的部分,教你如何构建你的第一个 react 组件。其余章节包含了 react component properties,JSX 的条件语句,父子组件的关系和使用 state。这些都是必看的视频。
ReactJS 入门级教程
这是入门 ReactJS 的另一个很好的教程。这是只是三部分的第一部分。对于新人学习基础知识而言这是很棒的一部分。开始介绍了什么是 React,虚拟 DOM 的概念,然后就是如何在服务端做渲染,组件驱动的开发,还有一点关于 JSX 和有用的链接等。
这其实是一个“入门级”课程的详细教程。在开发 ReactJS 的过程中确保你都看了这些非常有用的资源!