学习React的知道网站

React 入门实例教程阮一峰
react-demos 阮一峰
React官方网站
React中文官方网站
W3School ES6学习网站
极客时间React进阶
更新node最新版本方法和 npm install -g n 运行错误
如何安装指定版本的node
记一次重装nvm、node、npm
nvm、node、npm之间的关系和区别
Mac下安装，升级Node、npm

了解React

React、React.js、React Native这三者之间的关系：

React是基础框架，是一套基础设计实现理念，开发者不能直接使用它来开发移动应用或网页。在他之上发展出了React.js框架用来开发网页，发展出来的React Native用来开发移动应用。因为React基础框架与React.js框架同时出现、同时进化发展的，这就造成了React基础框架的基本概念、设计思想都是在React.js的相关文档中描述的。后来Facebook推出React native后，也没有吧React的相关概念从React.js文档中分离出来，这就导致出现了学React native要去看React.js文档，说React Native 不时会说到React.js的情况。

如何学习React

1.首先你的ES6，JS基础你要牢牢掌握。
2.再看react的中文文档，可能会比较无聊，但是JSX这个语法一定要知道，还有就是state是react最重要的东西，是recat更新他ui的依据。
3.看阮一峰的那个入门教程，里面有12个例子，很简单，跟着写。写程序就是，能动手的尽量别BB。
4.写完了之后再看文档，这次一定要完全知道react的生命周期，无论是react和Vue，生命周期掌握了就知道他们的渲染顺序，这也是在更新ui时的运行顺序，特别重要。
5.再写一遍阮一峰的12个例子，也是那句话，能动手的尽量别BB。
6.至于react后面的东西props，ref之类的，只要你对react足够了解，再后面的项目中临时看都来得及了。
7.学习antd这个UI框架，这个框架就是蚂蚁金融的react的ui框架，看里面每个组件的示例代码，起码每个组件最简单的要会用，而且后面项目你刚入门一定要用到ui插件，手写轮子？先不要。
8.写一个项目，最后是oa系统，虽然oa系统简单只有增删改查功能，但是绝对可以把ui插件和react的学习运用出来。

npm的错误

错误 1:
Unhandled rejection Error: EACCES: permission denied, open '/Users/qitmac001083/.npm/_cacache/index-v5/9c/56/cd73f9b2044db41dbe8fb70d4157210c9af6e4711c4dc9a3d7c6ed192b85'

解决方案：

sudo chown -R $USER:$GROUP ~/.npm
sudo chown -R $USER:$GROUP ~/.config

关于RN环境的配置

注意：使用nvm 安装的node 跟使用n 命令安装的路径你不一样，这里切记，一定不要混用。使用nvm安装就一直用nvm操作。否则版本无法切换。

nvm、node、npm之间的关系和区别

一、区别

nvm：nodejs 版本管理工具。
也就是说：一个 nvm 可以管理很多 node 版本和 npm 版本。
这个技术出现的原因，是由于不同的项目node版本也不同，有的是5.0.1，有的是6.3.2。如果node出现版本不对，运行某个应用时，很可能就会遇到各种莫名其妙的问题。

nodejs：在项目开发时的所需要的代码库
npm：nodejs 包管理工具。
在安装的 nodejs 的时候，npm 也会跟着一起安装，它是包管理工具。
npm 管理 nodejs 中的第三方插件。他的作用与Ruby中的 bundler及Java中的maven相同，都是对第三方依赖进行管理的。

二、关系

nvm 管理 nodejs 和 npm 的版本
npm 可以管理 nodejs 的第三方插件

image.png

npm和yarn的区别

升级node.js

1、查看当前node版本

node -v

2、查看当前安装的node的所有版本

nvm ls

3、查看官方所有存在的node版本

npm view node versions

4、切换node版本

nvm use 11.15.0

5、安装指定node版本

nvm install 16.1.0

学习Reacr-native路线