React 基础（一）

浅浅的花香味﹌ 2022-05-26 12:40 190阅读 0赞

### 一、简介    ###

React起源于Facebook的内部项目，该公司积极尝试引入HTML5技术用来架设Instagram网站，开发中发现HTML5的性能下降明显，达不到预期的效果。他们就自己开发了React框架。

ReactJS官方地址：[https://facebook.github.io/react/][https_facebook.github.io_react]

GitHub地址：[https://github.com/facebook/react][https_github.com_facebook_react]

react特点：

*  **虚拟DOM: R**eact也是以数据驱动的，每次数据变化React都会扫码整个虚拟DOM树，自动计算与上次虚拟DOM的差异变化，然后针对需要变化的部分进行实际的浏览器DOM更新。
 *  **组件化： R**eact可以从功能角度横向划分，将UI分解成不同组件，各组件都独立封装，整个UI是由一个个小组件构成的一个大组件，每个组件只关系自身的逻辑，彼此独立。
 *  **单项数据流：**React设计者认为数据双向绑定虽然便捷，但在复杂场景下副作用也是很明显，所以React更倾向于单向的数据流动-从父节点传递到子节点。（使用ReactLink也可以实现双向绑定，但不建议使用）

### 二、HelloWord 程序搭建    ###

**下载所需文件**

首先我们访问 https://facebook.github.io/react/,在页面中单击网页左上角的React版本（课程录制时是v15.6.1）。点击后下载两个文件。

*  **react.js**：实现React核心逻辑，且于具体的渲染引擎无关，从而可以跨平台公用。如果应用要迁移到React Native，这一部分逻辑是不需要改变的。
 *  **react-dom.js：**包含了具体的DOM渲染更新逻辑，以及服务端渲染的逻辑，这部分就是与浏览器相关的部分了。

[https_facebook.github.io_react]: https://facebook.github.io/react/
[https_github.com_facebook_react]: https://github.com/facebook/react

发表评论取消回复

表情：

评论列表（有 0 条评论，190人围观）

还没有评论，来说两句吧...

相关阅读

相关 React 基础

1、通信几种方式：父子组件通信、兄弟组件通信、跨多层级组件通信、任意组件。父子通信：父组件通过 props传递数据给子组件；子组件

偏执的太偏执、/ 2023年07月19日 10:42/ 0 赞/ 17 阅读

相关 React-2----react基础

1 认识由facebook开发，只提供了MVC中的V。优势： ①是组件化的，将js与html标签结合到一起 ②单向数据流 ③虚拟DOM树下面为一段代码，初

我会带着你远行/ 2023年06月19日 11:25/ 0 赞/ 10 阅读

相关「React」一文带你了解 React基础

目录一、开发前的准备 1. 开发环境 2. 开发工具 3. 开

柔光的暖阳◎/ 2022年12月22日 04:47/ 0 赞/ 186 阅读

相关 react 的基础认识一

一、React 出现的历史背景及特性介绍 1. 传统 `Web UI` 开发问题出现的根源，如下所示：传统 `UI` 操作关注太多细节应用程序状态分散

爱被打了一巴掌/ 2022年11月11日 14:41/ 0 赞/ 229 阅读

相关 react学习笔记一：基础知识

react开发辅助工具 chrome扩展包 1、React Devtools：检视React组件树形结构：https://chrome.google.com/webstor

- 日理万妓/ 2022年10月29日 13:24/ 0 赞/ 224 阅读

相关一名 vueCoder 总结的 React 基础

点击上方前端瓶子君，关注公众号回复算法，加入前端编程面试算法每日一题群 ![55950bea493e9fcb8b9a685a37140798.png][] 来

古城微笑少年丶/ 2022年10月15日 10:59/ 0 赞/ 145 阅读

相关 React 基础（一）

一、简介 React起源于Facebook的内部项目，该公司积极尝试引入HTML5技术用来架设Instagram网站，开发中发现HTML5的性能下降明显，达不到预期

浅浅的花香味﹌/ 2022年05月26日 12:40/ 0 赞/ 191 阅读

相关 React 基础

React Native (简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架，是Facebook早先开源的JS框架 React 在原生移动应用平台的衍生

川长思鸟来/ 2022年02月24日 07:18/ 0 赞/ 232 阅读

相关一、基础知识 React API 一览

1.10 Hooks 参考文章：[https://juejin.im/post/5be3ea136fb9a049f9121014][https_juejin.im_pos

偏执的太偏执、/ 2021年12月24日 01:37/ 0 赞/ 277 阅读

相关 React基础知识（一）

一、React介绍是一个开源（为数据渲染视图）的js库 virtualDOM、单向数据流来解决视图更新频繁的问题。使用场景：数据大量变化视图更新频繁，（

àì夳堔傛蜴生んèń/ 2021年10月29日 21:26/ 0 赞/ 418 阅读