小白的 react的理解

一、react

react是市面上的三大框架之一；

三大框架分别是

vue  

这个就不必多说了，尤雨溪尤大佬的创作 

angular

谷歌的

react

Facobook内部的一个JavaScript类库

1、react介绍

react是Facebook内部的一个JavaScript类库

react用户创建web交互界面

react并不是一个完整的MVC框架，可以被认为是MVC中的V（view）

react设计思想非常独特，创新，性能出众，代码逻辑简单

react引入了虚拟DOM机制

react引入了组件化的思想

react使用了Facebook专门为它开发的一套语法糖：JSX（JavaScript XML）

什么是语法糖：语法糖（Syntactic Sugar），也称糖衣语法。指的是在计算机语言中添加的某种语法，这种语法对语言的编译结果和功能并没有实际影响， 但是却能更方便程序员使用该语言。

2、react的优缺点

优点

react速度很快，一切皆组件，单项数据流，同构、纯粹的JavaScript，兼容性好

缺点

react不是一个完整的框架，它只是实现了MVC中的V，如果要构建大型的项目，那么还需要加上react-router （路由） redux（状态管理）

3、react的安装

在这里附上 官网链接 ：React 官方中文文档 – 用于构建用户界面的 JavaScript 库

脚手架的安装

npm  i  create-react-app  -g

//记得先下好 node.js   webpack

创建项目

create-react-app 项目名称（不能用驼峰）

项目目录

my-app 
├── README.md   阅读指南
├── node_modules  第三方依赖
├── package.json  项目配置文件
├── .gitignore  忽略文件
├── public   
│   ├── favicon.ico  小图标
│   ├── index.html  单页面
│   └── manifest.json  主题配置文件
└── src
    ├── App.css
    ├── App.js    主组件
    ├── index.css 
    ├── index.js  主入口文件 
    ├── logo.svg 

启动命令

npm start 

//当然你不想要这个命令 可以自己更改

//启动端口号默认是3000  这个也可以更改 

更改端口号

在 package.jso 中 

"scripts": {
        "start": "set port=端口号 && react-scripts start"
    }

一些个人对react的理解，超级小白在此，有问题希望提出，让本小白尽快学习，大家一起进步，前端是无敌的。！！！！！！！