react完整项目搭建的思路

react完整项目搭建的思路

1.使用creacte-react-app初始化项目

• 依赖安装create-react-app

npm install -g create-react-app
或是
yarn add -g create-react-app

• 项目初始化

create-react-app my-app

• 运行

yarn start

2.安装所需插件:路由、网络、样式、组件库

yarn add react-router-dom axios less-loader antd

react默认支持用scss，不支持less，直接使用less时会报错，因此当使用less的时候需要进行额外配置。至于技术选型选择less或scss完全取决于你的个人偏好。
less配置篇[推荐方法二]

早期并没有 React-Hooks 的加持，函数组件内部无法定义和维护 state，因此它还有一个别名叫“无状态组件”。
Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下，使用 state 以及其他的 React 特性。

由于官方对于函数式组件的支持越来越友好，建议使用函数式组件而非类式组件。这里我会使用函数式组件的的方式进行项目的构建，请跟上！node版本18.18.1，下图是项目相关依赖版本。

3.reactjs目录结构组织