从梦想到现实:我的第一个可调大小侧边栏 UI

发布: (2026年1月31日 GMT+8 21:40)
3 min read
原文: Dev.to

Source: Dev.to

Introduction

今天,我激动不已。我开始构建三四个月前只在梦里出现过的东西。按行业标准来看这不是一个大型项目,但对我而言,它像是一次巨大的成就。

Progress

我开始制作一个可调整大小的侧边栏,就像 VS Code 中的那种。这个想法在我脑中酝酿了好几个月,每天都在推动我去尝试实现它。今天,我终于迈出了第一步。虽然还没有完成,但我已经完全弄清楚它的工作原理。所有我学习的研讨会和概念终于开始有了意义。那种“我能做到”的清晰感——令人难以置信的满足。

Tools and Learning

这段旅程并不容易。几个月前,我的工具箱里甚至没有 useRef 或合适的事件处理。今天,我使用了这些工具并开始自己实现 UI。我为自己能够理解逻辑并亲手构建感到自豪。

Next Steps

我本想今天把整个 UI 完成并写一篇完整的博客,但我的值班时间到了。InshaAllah,我会在明天完成并分享完整的演练过程。

Update Status

我正在使用 CSS Modules 更新应用的完整 UI,这也是我最近两三天没有在 dev.to 发帖的原因。更新即将发布,迫不及待想和大家分享。

Advice

给想要自我突破的朋友们:从小处开始,现在就行动,即使今天没有完成,理解工作流并开始实现本身已经是巨大的胜利。

Back to Blog

相关文章

阅读更多 »

ReactJS ~React Server Components~

ReactJS 的封面图片 ~React Server Components~ https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev...

React 在 Cursor 中的最佳实践

Cursor 中 React 最佳实践的封面图片 https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to...