1.react的认识

react fiber 是react16之后提出的一种组建渲染架构，可以实现组建的异步渲染

组建的渲染以render 方法作为分界线 分为两个部分 前一个部分是可以被打断的，可能会让线程去做更加重要的事情所以render之前的生命周期方法可能不是同步的，而且可能多次执行，所以里面最好是纯函数（不依赖外部环境，全局变量等，仅根据函数输入参数来得到结果，多次调用时结果一致），确保多次执行结果都相同，目前16版本里面的fiber 是默认没有开启的 enable 状态。

 

可以直接看英文文档 reactjs.org 中文文档滞后

 

react.js 和vue.js区别

react.js 灵活性强 ，复杂页面的实现可以多种选择

vue.js API 比较多，实现功能比较便捷，但是灵活性差一点

 

安装node.js 默认安装了 npm

npm -v

node -v

 

--全局安装 create-react-app 脚手架工具

npm install -g create-react-app

 

--查看全局安装的包

npm list -g --depth 0

 

--创建react项目，指定文件夹路径输入CMD回车，或者shift +右键进入命令行

create-react-app todolist

--执行命令报错

'creat-react-app' 不是内部或外部命令，也不是可运行的程序

或批处理文件。

--查看cnpm 配置 和npm 配置信息

E:\react>cnpm config list

; cli configs

disturl = "https://npm.taobao.org/mirrors/node"

metrics-registry = "http://registry.npm.taobao.org/"

registry = "http://registry.npm.taobao.org/"

scope = ""

user-agent = "npm/5.6.0 node/v8.9.4 win32 x64"

userconfig = "C:\\Users\\liaocan\\.cnpmrc"

 

; node bin location = C:\Program Files\nodejs\node.exe

; cwd = E:\react

; HOME = C:\Users\liaocan

; "npm config ls -l" to show all defaults.

-------------------------------------------------------------------

E:\react>npm config list

; cli configs

metrics-registry = "https://registry.npmjs.org/"

scope = ""

user-agent = "npm/5.6.0 node/v8.9.4 win32 x64"

 

; builtin config undefined

prefix = "C:\\Users\\liaocan\\AppData\\Roaming\\npm"

 

; node bin location = C:\Program Files\nodejs\node.exe

; cwd = E:\react

; HOME = C:\Users\liaocan

; "npm config ls -l" to show all defaults.

 

--在环境变量中加上 即可

C:\Program Files\nodejs\node_global

-- 通过npx 命令代替 ,项目名称不能有大写，npx命令好处是不用去下依赖工具create-react-app，他会自己下来直接执行，完了会直接删除，下次执行还是一样要临时下载包

npx create-react-app myreact

npx的特点： npm包的执行器

也就是说 npx 会自动查找当前依赖包中的可执行文件，如果找不到，就会去 PATH 里找。如果依然找不到，就会帮你安装！

1、临时安装可执行依赖包，不用全局安装，不用担心长期的污染。

2、可以执行依赖包中的命令，安装完成自动运行。

3、自动加载node_modules中依赖包，不用指定$PATH。

4、可以指定node版本、命令的版本，解决了不同项目使用不同版本的命令的问题。