NodeJS全栈开发之前端基于 React全家桶+TypeScript+Antd 构建用户界面，功能包括：登录，注册，找回密码，自动登录，登出，错误页面，todoList增删改查CRUD。本项目场景虽然简单，但涵盖功能比较齐全，适合初中级学习前端开发的小伙伴。如果觉得不错的话，请老铁们给个:heart:star，也期待与大家一起交流学习。
手摸手教你大厂都在用 React+TS+Antd 快速入门到NodeJS全栈项目实战
│ .gitignore // git忽略配置
│ config-overrides.js // webpack自定义配置
│ package.json // npm包管理所需模块及配置信息
│ paths.json // src路径配置
│ tsconfig.json // typescript配置
│ yarn.lock // 自动锁定安装包版本
├─public
│ favicon.ico // 图标
│ index.html // 入口html文件
└─src
│ App.tsx // 路由组件
│ declaration.d.ts // 依赖声明文件
│ index.tsx // 入口主文件
│ react-app-env.d.ts // 声明文件
├─assets // 存放公共图片
├─components // 公共组件
│ 404.tsx // 错误页面
│ Footer.tsx // 底部模板组件
│ Header.tsx // 头部模板组件
├─router
│ config.js // 项目路由配置
│ index.js // 单页面路由注册组件
│ permissionAuth.js // 登录权限控制组件
├─store // 全局store状态管理
│ │ actionTypes.js // 拆分actionType的类型定义常量
│ │ index.js // 创建store管理仓库
│ ├─actions // 拆分action，将它封装到一个函数里面去管理
│ │ auth.js // 权限action单独管理
│ │ index.js // 合并多个不同action，统一对外输出
│ │ user.js // 用户action单独管理
│ └─reducers // 创建reducer，更新state数据操作
│ index.js // 合并多个不同reducer，统一对外输出
│ user.js // 创建用户reducer，更新state数据操作
├─styles
│ base.less // 基础样式
│ footer.less // 底部样式
│ header.less // 头部样式
│ home.less // 首页样式
│ login.less // 登录样式
├─utils
│ api.js // 统一封装API接口调用方法
│ network.js // axios封装与拦截器配置
│ url.js // 自动部署服务器环境
│ valid.js // 统一封装公用模块方法
└─views
Home.tsx // 首页
Login.tsx // 登录页面git clone https://github.com/jackchen0120/react-ts-antd
cd react-ts-antd
yarn / yarn installyarn start运行之后，访问地址：http://localhost:9000
yarn build欢迎关注作者公众号：懒人码农