React + antd 入门教程

本节内容相关代码请访问react-tutorial文档

说明

本节将使用 Yarn 作为包管理,用 Node.js 运行一个 React App,结合 antd 组件从头开始搭建一个小游戏作为入门。会介绍以下内容:

  • 什么是 Node.js?如何使用 Yarn 进行包管理?
  • 如何初始化一个使用 TypeScript 的 React 应用?
  • React 和 antd 分别是干什么的?
  • 前端需要做些什么?

小游戏借鉴了Rust 文档。对优质文档和启发灵感表示感谢。

相关依赖

本节内容的详细文档提供了使用 CodeSandbox 的在线环境与各阶段代码,如果读者自行配置环境遇到困难,可以尝试使用。出于一些原因,CodeSandbox 中的代码会与文档有些微的区别,但不涉及到本节说要讲解内容的重点。

  • Node.js 和 Yarn:请参阅文档进行安装
  • React
  • antd