type
Page
status
Invisible
date
May 18, 2022
slug
about
summary
可用链接
/about访问，不会在菜单栏显示tags
建站
category
icon
password
类型
日期
标签
概述
状态
进行中
简介
我是 uon1ra，一名前端开发方向的开发者，主要使用 React、TypeScript 和 Next.js 进行项目开发。
相比单纯还原页面，我更喜欢把一个功能从需求拆解、页面结构、组件设计、数据流转到交互反馈完整做出来。我熟悉列表筛选、状态流转、数据总览、设置页、登录态维护、本地持久化和前后端接口联调等常见业务场景，也会在项目中关注 loading、error、empty state 等细节体验。
我的性格偏沉稳，也习惯在独处中学习和打磨作品。我喜欢把复杂问题拆开，慢慢整理成清晰的结构，再通过代码一点点实现出来。
技术方向
目前主要技术栈包括：
React / TypeScript / Next.js / Vite
HTML5 / CSS3 / JavaScript ES6+
Zustand / Context API
React Hook Form / Zod
Tailwind CSS / shadcn/ui
Git / GitHub / Vercel
Appwrite / Supabase 基础使用
我也了解 HTTP、Cookie、跨域、浏览器缓存、登录态维护和前端调试等 Web 基础知识，能够阅读英文技术文档并结合项目完成实践。
项目经历
TaskFlow 是我独立开发的一个在线日程规划系统，整体形态接近 B 端任务管理工具。
项目基于 Next.js App Router、React 和 TypeScript 构建，包含登录注册、任务创建、编辑、删除、状态更新、筛选排序、截止提醒、数据总览和个人设置等模块。
在这个项目中，我使用 API Route 封装认证和任务接口，通过 httpOnly Cookie 维护 session；使用 Zustand 管理任务状态；使用 React Hook Form 和 Zod 处理任务表单校验；并将筛选条件同步到 URL，使页面刷新后仍能恢复当前视图。
这个项目让我更系统地理解了一个产品型前端应用的完整流程：从认证、CRUD、状态管理，到数据展示、异常处理和设置页体验。
MoviePage 是一个基于 React 和 Vite 的电影浏览应用，接入第三方电影数据接口，支持电影推荐、电影搜索、收藏列表、想看列表和本地持久化。
在这个项目中，我封装了 API 请求模块，统一处理请求参数、响应解析和错误状态；使用 Context API 管理收藏和想看状态；并实现了加载骨架屏、错误提示、空状态和图片兜底，让页面在网络波动或数据缺失时依然保持可用。
我也参与过闲置物品互换平台的开发，负责前端架构、页面风格、核心页面和基础交互实现。项目使用 Next.js、Tailwind CSS、shadcn/ui 和 Supabase，覆盖用户鉴权、数据展示、基础 CRUD 和线上部署流程。
正在探索
最近我正在学习 WebGL 和 Three.js。
我希望在 React 和 TypeScript 的基础上，继续探索更有空间感和表现力的前端交互。对我来说，前端不仅是把信息展示出来，也可以通过动画、三维场景和交互反馈，让用户更自然地理解内容。
Beyond Code
除了写代码，我喜欢吉他、游戏和风景。
吉他让我习惯在重复练习里寻找节奏；游戏让我关注交互、反馈和沉浸感；风景则让我保留观察和独处的空间。
这些爱好和写代码有一些相似的地方：都需要耐心、结构感，以及把细节慢慢打磨好的过程。我喜欢安静地完成一件事，也享受从混乱到清晰的过程。
工作方式
我喜欢清晰、克制、可维护的实现方式。
开发时，我会优先关注业务流程是否完整，组件职责是否清楚，状态变化是否可追踪，异常情况是否被处理。面对问题时，我习惯查文档、复现问题、拆分原因，再逐步验证解决方案。
我相信好的前端开发不只是写出界面，而是让功能稳定、体验自然、代码长期可维护。
联系我
如果你对我的项目、技术方向或前端开发经历感兴趣，欢迎通过网站中的联系方式与我交流。
