发布于 2026-01-06 1 阅读
0

完成了我的第一个大型 React 项目

完成了我的第一个大型 React 项目

http://tbhbeyond.com(我的应用)

https://github.com/steelvoltage/tbhbeyond(GitHub代码库)

去年十一月,我刚开始学习编程的时候,就告诉自己,我想做一个像D&D Beyond那样的网站。作为一个资深的桌面角色扮演游戏爱好者,当时我完全不知道这个网站是用React搭建的。我甚至都不知道React是什么。

时间快进到本周,我完成了我的第一个大型 React 项目,这是一个受 D&D Beyond 启发而开发的网站。它允许你为另一款名为《黑客帝国》( The Black Hack)的独立桌面角色扮演游戏创建和管理角色。当然,这个向 D&D 网站致敬的项目规模要小得多。但是,我只是一个人。根据其强大的功能来看,我猜想他们的网站背后肯定有一个完整的开发团队。

不过,我可以自豪地说,我完成了我的目标!光是网站的代码编写就花了一个多月的时间。除了我的想法之外,我没有任何参考资料。网站是用 create-react-app 构建的,后端数据库和身份验证都使用了 Firebase。它托管在 Netlify 上,我还专门为它购买了一个域名。

我一头扎进了这个系统的构建中,使用了函数式组件、用于状态管理的 Context API 以及用于访问状态和副作用的 hooks。甚至还有一个名为 useAuth 的自定义 hook,用于获取用户身份验证信息。

很难概括这个项目教会我的众多经验。但我可以肯定地说,我对 React 的信心呈指数级增长。如果非要选出我学到的最宝贵的一课,我会说是坚持不懈。有好几次,我感到不知所措、迷失方向,甚至想要放弃。但我坚持敲击键盘,在谷歌上搜索好几个小时,直到解决问题为止。

最终,我克服了项目中的诸多挑战,圆满完成了任务。更令我惊喜的是,在几个桌面角色扮演游戏小组分享之后,我竟然还获得了一些用户!

知道有人觉得它有用,并且会独自使用它,就觉得一切努力都是值得的。

致其他初学者:如果你正在做项目,千万别放弃。坚持下去,见缝插针地推进。因为我们从事这个行业是为了创造精彩的作品,所以我们应该把这些精彩的作品完成

文章来源:https://dev.to/bbarbour/completed-my-first-major-react-project-3fo4