使用git bash 创建一个新项目
建议一开始就创建TS项目 原因在Webpack中改配置麻烦
编译方法:ts compiler 另一种 bable 最好都配置
$ create-react-app cloundmusic --template typescript
早期react项目 yarn 居多 目前npm包管理居多 目前pnpm不通用
icon· 在public文件夹中 标题在public/文件下
craco.config.ts 中配置路径别名
法一:eject暴露webpack配置 但复杂
法二:使用 craco create-react-app config
webpack集成ts 额外的代码规范
edit config
prettier编辑器进行格式化
eslint代码检测
vue会自动配置,react自己配
目录结构划分
重置CSS
路由配置 hash路由
优化 组件分包 打包到不同的包中 路由懒加载·
二级路由显示需要outlet组件占位
继承redux 和store实例
自己封装useAppselector实例
// useAppSelector的hook
export const useAppSelector: TypedUseSelectorHook<IRootState> = useSelector
export const useAppDispatch: () => DispatchType = useDispatch
export const shallowEqualApp = shallowEqual