聚焦React技术栈与第三方API集成
项目名称:“览迹” - 个人旅行足迹记录平台
技术栈: React (Hooks), React Router, Ant Design, 高德地图JavaScript API, CSS Module
项目描述:
这是一个单页面应用(SPA),允许用户在地图上标记去过的城市和旅行足迹,并附上文字和图片记录。核心功能包括地图视图、足迹列表和详情编辑。
技术亮点与职责:
组件化与状态管理: 使用 useContext 和 useReducer Hooks 集中管理用户的足迹列表数据,避免了深层Props传递的复杂性。
第三方SDK集成: 成功接入并封装了高德地图API,实现了地址解析、坐标拾取与覆盖物绘制等交互功能。
路由与用户体验: 使用 React Router 实现了不同视图(如地图模式、列表模式)间的无缝切换,并保持了应用的状态。
UI库与样式: 采用 Ant Design 快速搭建了清晰的后台管理界面,同时结合CSS Module实现了自定义的主题样式,保证了UI的规范性。