React脚手架安装

最近在学习react分享一下脚手架安装:

  1. 进入指定文件夹
  2. npm install create-react-app -g / yarn add create-react-app(先确认是否安装了node和npm)
  3. create-react-app 项目名称 (ts:create-react-app 项目名称 --template typescript)
  4. 创建成功
  5. 安装插件 yarn add axios react-router
  6. !!:对于css预编译选择sass的小伙伴需要注意,node-sass安装有网络问题和可能安装失败,推荐使用yarn(在node-sass 5.x版本得到解决但是node版本需要15或更高版本)

对于现在市场上的产品选对框架也非常重要在很多TOC产品的开发中网站需要保证自身SEO可以考虑使用React的第三方框架Next.js

目前React开发通常选择的库为:

  1. TypeScript(必选)
  2. 组件库:通常使用antd design
  3. CSS方案:styled-components或者最近比较流行的tailwind css预编译Scss居多
  4. 请求工具:axios或者封装fetch
  5. 状态管理:Redux已不再流行,非大型项目可以考虑All in Hooks使用useContext和useReducer实现