通过制作游戏来学习 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 进行编码。
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
评论(0)