85aeb32546e91d15a7d0e42a98bc6c9ab8ea61c0
React Tic-Tac-Toe Project
本项目中我学到了:
-
使用了 Bun 作为 Runtime, 使用了 Biome 作为了 Code Linting & Formatting 工具,使用 rsbuild 和 rspack 作为构建工具和 Bundler。
-
了解了 React 中 useState 的作用,知道了状态不可变,所以需要使用 useState 作为钩子创建新的状态。
-
了解了 React 中 状态提升和 Props 向下传递概念,使得代码中子组件尽量简单,只负责展示数据和触发事件,而父组件进行状态管理和逻辑处理以及调用子组件。
-
创建了 interface 接口来配合了 TS 中的强类型检查,并进行了复用。
-
了解到了一些 js/ts 中的一部分语法糖。
Setup
Install the dependencies:
pnpm install
Get started
启动服务器,之后服务会跑在 http://localhost:3000.
bun run dev
构建网页:
bun run build
在构建前进行预览:
bun run preview
Description
Languages
TypeScript
79.7%
CSS
20.3%