这一次,我们使用 React 作为 IRIS 的前端开发工具,这本身并不是真正的编程。在使用网络开发框架(不限于 React)时,一个关键的考虑因素是使用哪种 CSS 框架。到目前为止,我们一直在使用 Bootstrap,它是标准的,也是最容易上手的。
不过,虽然它很容易使用,但我觉得它提供的自定义灵活性有限。也就是说,即使我们要改用其他 CSS 框架,学习它并从头开始重写所有内容也是一项巨大的工作,所以我们就保持原样。
这一次,在获得了名为 "Claude Code "的强大工具后,我试着让它将 Bootstrap 转换为 Materialize。结果是:修改一次性完成。包括验证在内,整个过程不到五分钟。如果我自己研究 Materialize 并实现它,我想至少需要两三天的时间。
引导式屏幕
Materialize 屏幕
简单地更改样式表并不有趣,所以我还要求修复一个我注意到是错误但一直没有解决的问题。
问题是,即使在编辑屏幕上删除了数据,这些数据仍然会出现在左侧的列表中。
只需一个请求就能轻松解决这个问题。
以下是修复请求的内容:
After pressing the delete button in ExpenseItem.tsx and deleting the corresponding record, update the list in ExpenseItemList.txt so that the deleted item is no longer included in the list.
.png)





.png)
[参考资料]