React 学习之旅一

React 学习之旅一

React 官网

1. 版本要求

Node >= 8.10 和 npm >= 5.6

	node -v 
	npm -v

2. 创建 React 项目

	npx create-react-app my-app

3. Hook
   1. 它可以让你在不编写 Class 的情况下使用 state 以及 React 其他的特性。
   2. 版本要求
      1. React版本大于等于 v16.8.0 / React Native从v0.59开始支持
   3. 安装校验插件 eslint-plugin-react-hooks
      1. npm install eslint-plugin-react-hooks --save-dev
      2. 或者 yarn add eslint-plugin-react-hooks --dev
      3. 配置如下

// package.json 文件下
 "eslintConfig": {
   "extends": "react-app",
   "plugins": [
     "react-hooks"
   ],
   "rules": {
     "react-hooks/rules-of-hooks": "error",
     "react-hooks/exhaustive-deps": "warn"
   }
 },

5. CSS 样式（使用styled-components）
   1. yarn add styled-components
   2. styled-components 官网
6. 路径配置
   • 配置绝对路径（在根目录下新增jsconfig.json文件）
   • 配置如下编码
     

// jsconfig.json
{
 "compilerOptions": {
   "baseUrl": "."
 },
 "include": [
   "src"
 ]
}