Day2 React是什麽呢?

React是由facebook推出的前端函式库 (library),主要使用语言是Javascript的ES6。
然而React其实不是个框架(Framework)!怎麽说呢?

在程序的架构模式中的MVC模式(Model–view–controller)分为三个部分:

  • 模型(Model)
  • 视图(View)
  • 控制器(Controller)

React只负责处理其中的视图部分。靠一次渲染多个元件(component)去组成UI画面。
因此React可以配合其他函式库来建立完整的应用程序。
(ex: 搭配Native来建立手机程序、 ReactDOM可以建立网路程序)


React的以下这些特色,大大提升了使用效能与灵活性:

  1. 使用结合原生JavaScript的JSX语法编写模板。

  2. 使用宣告式建构UI画面。宣告式专注程序码最後的结果,透过传递绑定的资料,宣告的定义UI画面便能即时更新。

  3. 模组化元件,独立的元件有可重复利用特性,元件间的状态不互相干扰,有着高维护性。

  4. 使用Virtual DOM(虚拟节点),只针对资料状态改变重新渲染的VirtualDOM部分,到实体DOM 中进行更新。

  5. 单向资料流,透过prop将资料状态从父节点由上往下传递到子元件,子元件状态不可往上回传,让资料状态更加直觉,好管理。

JSX?第一眼看到其中一些名词真的会雾飒飒,我们在接下来的文章中来一步一步地了解这些特色的该怎麽操作吧!


<<:  Day 17 Azure Cosmos DB API for MongoDB- 找个地方放资料

>>:  [DAY 02]环境建置

图的连通 (6)

9.3 三连通元件 3连通跟2连通真的不太一样。 以2连通来说,如果我们今天把整张图,依照关节点切开...

Day-13 观念补遗:TDZ与全域变数

在先前的『Day-06 始於足下:基本语法、陈述句与宣告』一文中,曾经介绍JavaScript的不同...

Epoch 31 - 再启程

Hi, 大家好, 这是第二次参加铁人赛,继续前一年的纪录吧!(懒到连标题都延用) 去年的传送门: h...

Day 13 - AI-900 认证心得(1) - 准备

上一篇谈了疫情期间Azure 提供了四种基础证照的免费考试, 因此我也在五~六月的三级防疫期间在M...

Day 23 - 实战演练 — TextField

今天要实作的是 TextField ,虽然是参照 Material-UI 的概念,但在这边只是实作...