通过制作游戏来学习 React(2024 年版)

Learn React by Making a Game (2024 edition)

通过制作一个真正的石头剪刀布游戏,以一种有趣的方式学习 React 的编码和最佳实践。

 学习内容

  • 使用 JSX、React DOM 和 Babel
  • React 最佳实践以及如何避免 bug
  •  React 上下文 API
  • React 钩子(useState、useEffect、useRef)
  • CSS 样式和内联样式
  • 如何使用 React 制作小游戏

 要求

  • 基本的 JavaScript 经验

 描述

 关于本课程

你想以一种有趣、好玩的方式学习 ReactJs 吗?在本课程中,我们将学习 React,同时构建一个完整的石头剪刀布游戏。

通过尝试制作自己的视频游戏,我学会了如何编码。这很有趣,我喜欢它。我认为学习应该是有趣的,并且接近我们小时候发现新事物时曾经有过的那种感觉。

本课程附带一份可打印的手册

该课程附带一份精美的可打印手册,您可以下载并在以后使用,以便于参考。根据视频的内容,有超过 35 页的代码示例、资源或图表,因此您可以更好地直观地表示正在发生的事情。

在构建这个游戏时,我们将介绍 React 的特性、最佳实践以及如何避免常见的陷阱。

轻松设置 – 学习 React 时不受任何干扰

许多 React 新手往往会沉迷于外部依赖和复杂的开发环境。诸如构建文件、要安装的 NPM 模块、Webpack、Redux 等。虽然这些工具在复杂的应用程序中非常有用,但它们在开始时往往会增加额外的重量。

这就是我们将使用零配置设置的原因。只需代码编辑器、一个基本的 HTML 文件和 Web 浏览器。这门课程是关于 React 的,而且只是关于 React 的!

 你会学到什么?

在构建一个功能完备的应用程序时,我们深入研究了 React 中的一些基本概念,例如:

  • 使用 JSX、React DOM 和 Babel

  • 使用功能组件

  • CSS 样式和内联样式

  • React 钩子的基础知识(useState、useEffect、useRef)

  • 设置 React Context API 以进行数据共享

  •  最佳做法

 …和更多

 课堂上见!

本课程适合谁:

  • 具有 Web 组件基础知识的 Javascript 开发人员,他们希望通过有趣且实用的练习开始使用 React 进行编码。

 

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。