React是什么及特点
React
React 介绍
React 是一个用于构建用户界面的渐进式 JavaScript 库
本身只处理 UI
不关系路由
不处理 ajax
React主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图)。
数据驱动视图
React 由 Facebook 开发
第一个真生意义上把组件化思想待到前端开发领域
angular 早期没有组件化思想
后来也被 Vue 学习借鉴了
React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 Instagram 的网站。做出来以后,发现这套东西很好用,就在2013年5月开源了。
由于 React 的设计思想极其独特,属于革命性创新,性能出众,代码逻辑却非常简单。所以,越来越多的人开始关注和使用,认为它可能是将来 Web 开发的主流工具。
这个项目本身也越滚越大,从最早的UI引擎变成了一整套前后端通吃的 Web App 解决方案。衍生的 React Native 项目,目标更是宏伟,希望用写 Web App 的方式去写 Native App。如果能够实现,整个互联网行业都会被颠覆,因为同一组人只需要写一次 UI ,就能同时运行在服务器、浏览器和手机(参见《也许,DOM 不是答案》)。
数据驱动视图
组件化
路由
React 8w
对技术要求比较高
今年春天的,只要会用就行
编程性更好一些,更底层,更灵活
可玩儿性更高
Vue 7.5 w
angular
1 5.7 w
2 3w
React 特点
组件化
高效
虚拟 DOM
Vue 2 也是虚拟 DOM
虚拟 DOM 更高效
灵活
渐进式,本身只处理 UI ,可以和你的其它技术栈组合到一起来使用
声明(配置)式设计
data
响应式数据mathods
处理函数这样做的好处就是按照我们约定好的方式来开发,所有人写出来的代码就像一个人写的
state
方法就是类成员
也有特定的组件生命钩子
JSX
一种预编译 JavaScript 语言,允许让你的 JavaScript 和 HTML 混搭
模板中就是 JavaScript 逻辑
单向数据流
组件传值
所有数据都是单向的,组件传递的数据都是单向
Vue 也是单向数据流
没有双向数据绑定
React是什么及特点相关推荐
- react非常适合入门者学习使用的后台管理框架
项目简介 该项目提供一个非常简洁的后台管理ui界面,非常适合初学者学习使用.项目结构: 项目地址:GitHub项目地址 技术栈 - react - antd - react-router-dom - ...
- 在 react 里使用 antd
在 react 里使用 antd 在 powershell 里npm i antd 引入方式: import '../node_modules/antd/dist/antd.css'
- 在React Hook里使用history.push跳转
在React Hook里使用history.push跳转 react hook里用不了this.props.history的解决方法 首先引入 import { useHistory } from ' ...
- 在react hook里使用mobx(配置mobx依赖)
在powershell里安装依赖 (直接npm i mobx或者npm i mobx-react是会报错的) npm i mobx mobx-react --save save是下载到"de ...
- React router 的 Route 中 component 和 render 属性理解
React router 的 Route 中 component 和 render 属性理解 Route 标签的三个互斥属性 render.component.children Route 就是用来匹 ...
- react 子组件获取变量属性值
刚刚遇到一个问题:子组件属性值绑定了变量,但是在子组件的componentDidMoiunt中拿到的值始终是undefinded.如下: 1 <PieInfo 2 title='有效病案' 3 ...
- 超简单的react和typescript和引入scss项目搭建流程
1.首先我们先创建一个react项目,react官网也有react项目搭建的命令 npx create-react-app my-app cd my-app 2.安装我们项目需要的样式依赖,这个项目我 ...
- React Native之ViewPagerAndroid跳转页面问题
前言: 网上目前react-native的教程较少,加上许多帖子还是用的ES5(2015年6月已发布ES6标准),有些细节很难找到答案,这里把遇到的问题做一个分享,让学习者尽量少踩坑. 出现问题: 1 ...
- http状态404 vscode_VS Code 调试完全攻略(5):基于浏览器的 React 应用
每日前端夜话第344篇 翻译:疯狂的技术宅 作者:Charles Szilagyi 来源:charlesagile 正文共:1750 字 预计阅读时间:7 分钟 这次我们来研究怎样把调试器连接到用 C ...
- react 组件连动效果_react-redux应用之独立组件联动实例
准备工作 先导入必要的库资源 import React, { Component, PropTypes } from 'react' import ReactDOM from 'react-dom' ...
最新文章
- redis 内存不足 排查_redis莫名数据被清问题排查记录
- 未来十年 智慧交通仍将持续引领城市建设高潮
- [置顶] 深入浅出Javascript(三)创建自定义对象以及属性、方法
- python里pickle模块
- 用python画竹子_python函数
- 猜猜乐游戏php源码,C/C++百行代码实现热门游戏消消乐功能的示例代码
- 官司在即,品胜董事长对话苹果副总裁,打脸了谁?
- 【NLP】Transformer自注意机制代码实现
- 推荐一个python学习的宝库(github的star数71000+)
- ubuntu使用redis和宝塔面板
- linux alsa 音频管理,在Linux上的高级音频控制
- 敲了几年代码,是时候考虑以后的发展了
- linux驱动开发学习笔记十六:gpio相关OF函数和子系统API函数
- 国内外各大网站镜像源
- 微信壁纸头像小程序(附源码)
- 【Codeforces】School Regional Team Contest, Saratov, 2011
- [转载]Oraclenbsp;grantnbsp;revokenbsp;…
- 什么蓝牙耳机颜值高?盘点四款高颜值蓝牙耳机
- 五子棋游戏程序设计制作(C语言)
- 3款开源软件帮你缩短链接
热门文章
- 关于PHP程序员解决问题的能力
- power design教程
- 安卓开发笔记——关于图片的三级缓存策略(内存LruCache+磁盘DiskLruCache+网络Volley)...
- 搞定ubuntu下环境变量的配置
- HDU_2577 How to Type(DP)
- 【JFreeChart】JFreeChart简介
- 当当创始人李国庆谈吴秀波事件:呼吁释放陈昱霖 应核查税收
- SUSE 开发者提议在 GCC 编译器中用 Python 替代 AWK
- UILabel简单高效实现圆角的方式
- 我在美国与“狼”共舞的日子(7)