React介绍:
React设计思想及其独特,属于革命性创新,性能出众,代码逻辑却非常简单。
模块化:是从代码的角度来进行分析的;把一些可复用的代码,抽离为单个的模块,便于项目的维护和开发。
组件化:是用UI界面的角度来进行分析的;把一些可复用的UI元素,抽离为单独的组件,便于项目的维护和开发。
React是如何实现组件化的:React中有组件化的概念,但是并没有像Vue这样的组件模板文件;React中,一切都是以JS来表现的。因此要学习React,JS要合格,ES6和ES7(async和await)要会用。
React中的核心概念:
1 虚拟DOM(Virtual DOM)
2 Diff算法(虚拟DOM的加速器,提升React性能的法宝)。
React的基本使用:
安装:npm i -S react react-dom
react:react 是React库的入口点
react-dom:提供了针对DOM的方法,比如:把创建的虚拟DOM,渲染到页面上。
React组件:
React 组件可以让你把UI分割为独立、可复用的片段,并将每一片段视为相互独立的部分。
组件是由一个个的HTML元素组成的
概念上来讲, 组件就像JS中的函数。它们接受用户输入(props),并且返回一个React对象,用来描述展示在页面中的内容。
redux:
状态管理工具,用来管理应用中的数据。
redux核心:
1 Action:行为的抽象,视图中的每个用户交互都是一个action
比如:点击按钮
2 Reducer:行为响应的抽象,也就是:根据action行为,执行相应的逻辑操作,更新state
比如:点击按钮后,添加任务,那么,添加任务这个逻辑放到 Reducer 中
1 创建State
3 Store:
1 Redux应用只能有一个store
2 getState():获取state
3 dispatch(action):更新state。
来源:CSDN
作者:qq_41394936
链接:https://blog.csdn.net/qq_41394936/article/details/104466860