React入门相关资料

React入门相关资料

简介

React 是一个用于构建用户界面的 JAVASCRIPT 库。
React 主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图）。
React 起源于 Facebook 的内部项目，用来架设 Instagram 的网站，并于 2013 年 5 月开源。
React 拥有较高的性能，代码逻辑非常简单，越来越多的人已开始关注和使用它。

React 特点

1.声明式设计 −React采用声明范式，可以轻松描述应用。
2.高效 −React通过对DOM的模拟，最大限度地减少与DOM的交互。
3.灵活 −React可以与已知的库或框架很好地配合。
4.JSX − JSX 是 JavaScript 语法的扩展。React 开发不一定使用 JSX ，但我们建议使用它。
5.组件 − 通过 React 构建组件，使得代码更加容易得到复用，能够很好的应用在大项目的开发中。
6.单向响应的数据流 − React 实现了单向响应的数据流，从而减少了重复代码，这也是它为什么比传统数据绑定更简单。

安装

推荐安装方式：npm安装
准备环境，先换成淘宝镜像。安装可以使用cnpm，更加便捷。

$ npm install -g cnpm --registry=https://registry.npm.taobao.org
$ npm config set registry https://registry.npm.taobao.org

$ cnpm install [name]

使用 create-react-app 快速构建 React 开发环境
create-react-app 是来自于 Facebook，通过该命令我们无需配置就能快速构建 React 开发环境。
create-react-app 自动创建的项目是基于 Webpack + ES6 。

$ cnpm install -g create-react-app
$ create-react-app react_test
$ cd react_test
$ npm start

运行npm start之后项目就跑起来了

git

将项目添加到git，方便之后管理，例如阿里云code

git remote add origin git@code.aliyun.com:xxxxxxx/react_test.git
git add .
git commit
git push -u origin master

推荐工具

vscode

相关开发插件
react开发 vscode插件推荐:https://www.aliyue.net/8407.html
vscode里面超好用的react代码编辑插件https://blog.csdn.net/qq_39721418/article/details/104093921
react开发vscode插件推荐https://github.com/xieqingtian/blog/issues/2

参考资料

React 安装https://www.runoob.com/react/react-install.html
入门教程: 认识 Reacthttps://react.docschina.org/tutorial/tutorial.html