新建一个react项目

1. 全局安装
   npm install -g create-react-app
2. 新建并对react项目进行命名（注:项目名称不能有大写）
   create-react-app reactproject
3. 通过命令进入文件夹内部，打开编辑器，准备运行项目
   cd reactproject code .
4. 运行项目
   npm start 或者 yarn start

• 新建一个用ts开发的react项目
  yarn create react-app react-ts --template=typescript

暴露webpack的配置文件

1. 暴露config
   npm run eject
   如果报错：Remove untracked files, stash or commit any changes, and try again.
   原因是：使用脚手架创建一个项目的时候，自动增加了一个.gitignore文件，而我们本地却没有文件仓库。
   解决办法：暂存代码,再执行 npm run eject
   git add . git commit -m 'init' npm run eject

2. 项目中使用sass - 配置
   webpack 已经配置好sass了 ，但是还是需要安装一下node-sass,然后重启,就可以使用sass开发了
   npm install node-sass

react router

yarn add react-router-dom // 安装

• react hooks 中的路由跳转

import { useHistory } from "react-router-dom";
 
function HomeButton() {
  let history = useHistory();
  return (
    <button type="button" onClick={()=> history.push("/home")}>
      home
    </button>
  );

}

• BrowserRouter和HashRouter的区别

redux

yarn add redux react-redux react-thunk // 安装

axios

yarn add axios // 安装