React简介
首先
我在工作和兴趣的开发中尝试使用React,所以我想简单地介绍一下。
React 是一个用于构建用户界面的 JavaScript 库。
-
- ReactはWebアプリケーションのUIを作るためのライブラリ(※フレームワークではない)
-
- Facebookがオープンソースとして公開している
- FacebookやNetflixやAtlassianなど色々なサイトが利用している
使用React的好处
表现优秀
DOM是什么?

为什么现有的系统速度慢?

React的机制

虚拟DOM是什么

直到画面更新的过程。

比起jQuery,更易读

创建项目很简单

由于该项目中包含了NodeJS服务器,因此调试变得容易。

如果记法错误,编译时会出现错误。

由于写作方式是模块化的,因此易于重复利用。

只要构建,即使在没有安装NodeJS的环境中也可以运行。

可以使用React Native来开发Android应用和IOS应用。

使用React的缺点。
在部署时,需要将Apache等的文档根目录指定为项目的终端点。

无法以MVC的方式进行编写。

JSX很难理解。

总结
-
- 簡単な静的ページ(htmlが1枚のページとか)を作るならjQuery、動的なページを作るならReactの方が向いてそう
-
- MVC形式で作るならReactは向いていない(フレームワークによっては埋め込めるものあるらしい)
- 高速なページを作るなら仮想DOMが使われているReactの方が良さそう