React和Vue核心思想

[Genluo]

React核心思想

很多人说React相当于MVC层中的V层（视图。

React有几个特点：

• 声明式

React 可以非常轻松地创建用户交互界面。为你应用的每一个状态设计简洁的视图，在数据改变时 React 也可以高效地更新渲染界面。

以声明式编写UI，可以让你的代码更加可靠，且方便调试。

• 组件化

创建好拥有各自状态的组件，再由组件构成更加复杂的界面。

无需再用模版代码，通过使用JavaScript编写的组件你可以更好地传递数据，将应用状态和DOM拆分开来。

• 一次学习，随处编写

无论你现在正在使用什么技术栈，你都可以随时引入 React 开发新特性。

React 也可以用作开发原生应用的框架 React Native

比较核心的有：虚拟DOM、diff算法

Vue核心思想

Vue.js 尤雨溪老师写的一个用于创建 web 交互界面的库，是一个精简的MVVM。从技术角度讲，Vue.js 专注于 MVVM 模型的 ViewModel 层。它通过双向数据绑定把 View 层和 Model 层连接了起来。实际的 DOM 封装和输出格式都被抽象为了Directives 和 Filters。Vue.js 和其他库相比是一个小而美的库，作者的主要目的是通过一个尽量简单的 API 产生可反映的数据绑定和可组合的视图组件。

[wildfrontend]

我覺得vue是偏向開發體驗的前端框架，他有React的優雅，也有Angular得靈魂。我認為他是比較容易上手的框架，但這也只是比較於如果從靜態html開始學程式的人來說。

React確實比較難以駕馭，原因在於元件化設計，怎麼定義元件?怎麼抽離元件?怎麼設計元件間的傳值?這些都是比較抽象的設計，我覺得React的核心思想是在於前端工程，如何從需求書跟設計稿定義出元件，並隨著業務邏輯的增長漸漸抽離出元件。

所以React很有彈性也很好擴張，但缺點是工程師要懂的如何掌握元件設計原則。

BTW 有興趣能多跟你交流，我也在專研前端工程這塊。