React 超级教程 介绍

欢迎来到 React 超级教程!在本系列中,我将分享我使用 React 库和一些相关包开发真实世界、非平凡的前端应用程序的经验。

与大多数其他书籍和教程不同,React 超级教程将带您踏上开发之旅。它不是用孤立的例子教你 React 概念,而是向你展示如何开发一个完整的前端应用程序。您将首先创建一个全新的 React 项目,然后随着章节的逐步向其添加特性和功能。当你到达终点时,你将拥有一个完整的项目,你将理解它的每一行代码。更重要的是,您将了解创建它所涉及的概念和技术,其方式将直接适用于您自己的项目。

目录:
第1章 现在Javascript
第2章 Hello React
第3章 使用组件
第4章 路由和​​页面导航

先决条件

要充分利用本教程,您需要具备使用 JavaScript 编写应用程序的基本经验。如果您已经创建了使用普通JavaScript或jQuery具有一些交互行为的网站,那么您应该没问题。

还假定了 HTML 和 CSS 的基本知识。与 JavaScript 一样,基本的经验水平就足够了。您应该知道如何为段落,标题和图像等内容创建简单的HTML标记,以及如何使用CSS定义对它们应用样式更改。

了解操作系统中的命令行将非常有用。您将花费大部分时间在代码编辑器和Web浏览器上,但是这里和那里有一些任务需要在终端会话中执行。

如果您使用的是微软视窗计算机,我的建议是使用适用于 Linux 的视窗子系统 (WSL),它提供与 UNIX 兼容的 bash、节点.js版本以及所有其他必需的软件包。应该可以使用 Windows 命令提示符或 PowerShell,但你需要调整一些命令行说明。

欢迎您使用最高效的编辑器。在我写这篇文章的时候,Visual Studio代码是许多JavaScript开发人员最喜欢的编辑器,但是这些东西往往会随着时间的推移而改变,我特别注意不要向这个或其他编辑器引入任何依赖项。

要在开发应用程序时对其进行测试,可以使用自己喜欢的 Web 浏览器。如果你需要一个建议,许多 React 开发人员更喜欢 Chrome 或 Firefox,因为它们是支持 React 开发者工具插件的两个浏览器,这有时在调试 React 应用程序时很有用。

本课程可作为我的课程站点中的书面和视频内容的组合提供。本教程的文本也将发布在此博客上,供所有人欣赏。