React简介

会有一股神秘感。 提交于 2020-02-24 01:53:27

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。

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!