我使用 React 重建了我的 Landing Page——以下是我的收获

Source: Dev.to

我做了哪些更改

• 将各部分转换为可重用组件
• 改进了文件夹结构
• 优化了图片
• 使用 Tailwind CSS 进行更快的样式设计
• 注重移动优先的响应式设计

我注意到的一件事是，React 强迫你以组件而不是页面的方式思考。这种思维转变帮助我清理了混乱的旧布局。通过移除未使用的 CSS 并逻辑地拆分组件，性能也得到了提升。

挑战

最大的挑战是跨组件一致地管理布局间距。我通过创建共享的容器和章节包装组件来解决这个问题。

最终结果

UI 看起来更简洁了。如果你正在学习 React，尝试重建一个旧项目——这比从头开始更能让你学到东西。

很想听听其他人如何在 React 中处理着陆页结构。