React全家桶+共享单车实战开发—— 2-1 React基础知识

一、课程目标介绍

第一章 React介绍

• 第一节： React基本介绍
• 第二节： React脚手架、Yarn介绍
• 第三节： React生命周期介绍

二、React介绍

• Facebook开源的一个JavaScript库
• React结合生态库构成一个MV*框架
• React特点

            1. Declarative（声明式编码） 

             2. Component-Based(组件化编码）

             3. 高效-高效的DOM DIff算法，最小化页面重绘

              4. 单向数据流

• MV*框架代表-值关注视图View层+数据层Model 

  只需要改变变量，把变量同步到UI界面上去，就实现了MV*，不需要关注底层是如何实现，及如何通过controller控制UI界面、路由

• 生态介绍

              Vue生态：Vue+Vue-Router+Vuex+Axios+Babel+Webpack

              React生态：React+React-Router+Redux+Axios+Babel+Webpack

   单项数据流，组件A向B组件传值，必须含有继承关系，兄弟组件是不能传值的，如想实现兄弟之间传值，必须借助Redux

   单纯的利用react只能实现简单的多页面的应用程序，结合生态才能形成框架

• 编程式实现

            需要一具体代码表达在哪里（where）做什么（what），如何实现（how）

•  声明式实现

           只需要声明在哪里（where）做什么（what），而无需关心如何实现（how）