DailyChallenge_APP
APP 部 2026 纳新每日一题(开发基础 / 命令行 / Git / React Native)。
每个 Day_1 ~ Day_7 文件夹中都有当天教学与任务。建议每天投入约 30~80 分钟(以当天题目为准):先读 README.md,再完成任务,并将代码、运行截图或仓库链接提交到当天工单。
项目开发启蒙
前三天按各自题目完成:Day_1 创建 CampusHelper Expo 应用,Day_2 练习命令行,Day_3 建立个人 Git 仓库。Day_4 将 Day_1 的应用文件整理进 Day_3 的仓库;Day_5~Day_7 只在这个仓库里继续开发,不再创建新的应用或远程仓库。
每天固定执行同一套版本管理循环:
进入含 package.json 的个人仓库 → git status / git pull → 编码并运行 → git diff
→ git add 指定文件 → git commit → git push
推荐的提交里程碑:
| 日期 | 项目增量 | 推荐 commit |
|---|---|---|
| Day_3 | 建立个人 Git 练习仓库 | docs: 完成 Day_3 的 git 练习 |
| Day_4 | 将应用纳入仓库,完成个人信息卡片 | feat: 开始开发校园助手 |
| Day_5 | 学习打卡计数器 | feat: 加入学习打卡器 |
| Day_6 | 数据驱动的校园活动列表 | feat: 展示校园活动 |
| Day_7 | 想参加标记、测试与项目说明 | feat: 完成校园助手_v1 |
开始当天任务前若
git status不是干净状态,先处理昨天未提交的修改;不要带着来历不明的改动继续写。
课程安排
| 目录 | 内容 |
|---|---|
Day_1 |
环境配置:VS Code、Node.js、Git、Expo Go 与第一个 React Native 应用 |
Day_2 |
命令行基础:目录、文件与路径 |
Day_3 |
Git 入门:clone / add / commit / pull / push |
Day_4 |
React Native 页面基础:组件、JSX 与 StyleSheet |
Day_5 |
React Native 交互:事件、state 与 useState |
Day_6 |
数据与列表:数组、对象、FlatList |
Day_7 |
综合实践:状态组合、测试、README 与版本回顾 |
**目的:**帮助零基础同学建立项目意识与开发习惯,初步理解 React Native 的组件、样式、事件、状态和列表,并能说明自己如何逐步完成一个应用。
技术栈
本阶段使用 React Native + Expo:
- React:用组件描述界面,用 state 管理会变化的数据。
- React Native:将 React 组件渲染为 Android / iOS 原生界面。
- Expo:提供适合入门的项目脚手架、开发服务器与真机预览流程。
默认 Expo 模板可能带有 Expo Router 页面结构;本阶段先使用已有首页,不要求额外安装导航库或掌握多页面路由。
不需要 Android Studio、Xcode 或微信开发者工具;使用 Expo Go 扫码即可在手机上预览。
最终项目:CampusHelper
第七天将完成一个小型校园助手应用,至少包含个人信息卡片、学习打卡计数器、校园活动列表和“想参加”标记。该标记只是本地界面状态,不代表真实报名,也不会在重启后保留。
完成后,你应能从仓库根目录启动开发服务器、修改组件、处理点击事件、更新 state、渲染列表,并用 Git 和 README 说明项目的功能、限制与迭代过程。