从0创建React项目

githooks钩子可以实现客户端、服务端定制不同的功能。 针对项目痛点：typescript语言最终编码成了anyScript(笑) 又如提交的commit毫无意义，不知道做了什么工作，使用引入检测

emmmmmmmm，当写到这里的时候，整理了一下手里几个项目，发现路由随着业务变化，不是那么好做统一的封装，比如 有的菜单切换在左侧Menu中，有的在顶部 有的想要HashRouter，有的想要His

这个感觉有点水文章了。其实就是一个调色板常量 通过不同的配置修改主题（如建立一个theme.tsx的context） 可以实现颜色统一，未来修改页面时可以做到统一修改 然后在任何需要用到颜色的地方使用

严格意义来说，不应该叫封装，而是应用 对我个人来说，我喜欢使用redux-thunk中间件。我个人比较排斥redux-saga。如果观点不同，请轻喷 全局唯一的store 不同功能数据对应不同的red

前端项目难免需要和后端交互、请求数据，所以如何做到统一的请求配置、请求处理是需要解决的问题。 这里是基于axios库的二次封装 需要实现什么？ 根据环境确定请求的baseURL 统一处理请求参数配置，

何时使用 何时使用context是在做这个事情之前需要考虑的 全局状态变量，如用户信息、UI主题这种整个项目组件之间共享的值。也可能是全局可获取的方法，比如用户登录、退出登录等函数方法 如何使用 Co

在前后端同时开发的过程中，如果前端过渡依赖后端返回的数据，往往会影响开发。所以数据mock是蛮重要的 方案选择 其实，当前情况下有很多方法可以实现数据mock，比如： mockjs.com/:可以实现

并不是说新建的项目中没有eslint检测，只是希望可以实现较为合理的配置，以及可以修改。 在原始的项目中的package.json中可以看到 配置 因为eslint在项目中已经安装，所以我们不需要再重

因为create-react-app创建的项目，在实际开发中，可能需要按照项目需求进行一些优化，所以往往修改进行webpack重写 方案选择 npm run eject 新建完项目后，可以通过执行上面

写在前面 最近对自己的技术栈进行了一个复盘，希望有一个可以比较详细的输出内容。 这里讲诉了一个从0到1实现一个TS的React项目框架。同时也加入了一些优化的内容。 在动手前先梳理了项目搭建需要做的一

创建项目 这里还是使用create-react-app的官方脚手架创建项目 创建成功后，看下目录结构。结构不缀诉.主要看下版本 我创建的时间是2022年4月，当前执行命令后，关键库的版本： react