React- react基础

react基础

React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。

image-20200310185038214

视图层的开发模式与函数式编程

React 并不是完整的 MVC/MVVM 框架，它专注于提供清晰、简洁的 View（视图）层解决方案。

函数式编程的好处

  1. 代码简洁，开发快速
  2. 接近自然语音，易于理解
  3. 更方便的代码管理
  4. 易于“并发编程”
  5. 代码的热更新

jsx语法与组件

JSX 将 HTML 语法直接加入到 JavaScript 代码中，再通过翻译器转换到纯 JavaScript 后由浏览器执行。在实际开发中，JSX 在产品打包阶段都已经编译成纯 JavaScript，不会带来任何副作用，反而会让代码更加直观并易于维护。 编译过程由Babel 的 JSX 编译器实现。

https://reactjs.org/docs/hello-world.html

如何创建react项目

1.npx create-react-app my-app

 （my-app：项目名称）

cd my-app  进入项目

npm run start 或者yarn start

创建react+TypeScript的项目

2.npx create-react-app my-app --template typescript

（my-app：项目名称）

cd my-app  进入项目

npm run start 或者yarn start