# geek-mobile

**Repository Path**: PunchOvO/geek-mobile

## Basic Information

- **Project Name**: geek-mobile
- **Description**: 极客园移动端项目，是一个IT资讯移动web应用，有着和今日头条类似的资讯浏览体验
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: punch
- **Homepage**: http://geek.itheima.net/
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-07-25
- **Last Updated**: 2023-09-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: React, Redux, antd-mobile, Sass

## README

# 头条APP
#### 项目介绍：
头条(极客园)移动端是一个IT资讯移动web应用，有着和今日头条类似的资讯浏览体验。
主要功能：资讯列表、标签页切换，文章举报，频道管理、文章详情、关注功能、点赞功能、评论功能、搜索功能、登录功能、个人中心、编辑资料、小思同学(对话机器人)
头条项目可打包成一款移动APP，后期结合H5+可在Dcloud打包成一款体验较好的手机应用。

#### 技术栈：
- 项目搭建：React 官方脚手架 npx create-react-app
- 编程语言：Typescript
- 组件编写方式： 函数组件 + Hooks
- 全局状态库：redux + redux-thunk
- 组件库：antd-mobile
- 样式： CSS Modules + Sass
- 路由组件库：react-router-dom
- 工具库：lodash
- websocket 即时通
- 第三方组件（formik等）


### tips: 
#### vue配webpack：vue.config.js 允许覆盖webpack配置
#### react覆盖webpack配置： yarn add react-app-rewired customize-cra -D、 编辑config-overrides.js

### geek特点：
控制访问权限、
keep-alive、
token刷新机制：
vue中核心的api：addRoutes(动态的给路由规则添加路由)  new VueRouter(routes:[])项目初始化的时候执行一次
react路由 Route 路由信息存到redux 根据redux信息动态的渲染

#### localStorage: 持久 能够永久存储 缺点：不是响应式的
#### vuex/redux    优点：响应式的，数据变化组件更新    缺点：不持久的存储在内存中，刷新丢失