npm，yarn

JavaScript的包管理工具

npm是Node.js和React.js中使用的软件包管理器，可以安装大多数软件包。

Yarn是一个在Facebook上开发的包管理工具，相较于npm，它在缓存、安全性和可靠性方面有所改善。通过运行命令npm install -g yarn，可以安装yarn并使用yarn install。

＊下载安装node.js
https://nodejs.org/en/download/releases

驱动方式

node -v : 確認 Node.js 版本
npm -v : 確認 npm 版本
yarn -v : 確認 yarn 版本

在项目文件夹中，使用命令行输入以下命令：
npm i -g create-react-app

创建一个名为abc的项目文件夹，然后使用npx create-react-app abc。

运行命令yarn start：启动React服务器。
在浏览器中访问localhost:3000以确认页面。
src/index.js：删除标签并消除多次执行生命周期函数的原因。

当涉及到React时，
进行npm i安装
运行npm start

对于 react, node 项目，可以选择以下方式进行描述：

在两个路径下执行 npm i（或 yarn i）命令：将 package.json 文件中的依赖列表安装。
执行 yarn dev 命令：同时启动 react、node 服务器。

JSX是一种类似HTML的扩展语法，可以用于描述JavaScript的代码。

生命的循環

以下是中文的释义选项：
1：只有一次
2：在构造函数之后
3：-
4：在最后执行
5：在状态改变时执行

1 => 2 => 3 => 4 => 2 => 5 => 3
顺序为：1 => 2 => 3 => 4 => 2 => 5 => 3

class Lifecycle extends Component {
    // 1
	constructor(props) {
        ...
	}

    // 2
    static getDerivedStateFromProps(props, state) {
        ...
	}

    // 3
	render() {
        ...
	}

    // 4
	componentDidMount() {
		// setStateで stateを設定
		this.setState({
            ...
		});
		// これで shouldComponentUpdate が実行される
	}

    // 5
	shouldComponentUpdate(props, state) {
        ...
		return true;
		// return がtrueであるため、 render がもう一度実行される
	}
}

jQuery 的用法

安装jQuery：npm安装jquery

...
import $ from 'jquery';
...