React简介

首先

我在工作和兴趣的开发中尝试使用React,所以我想简单地介绍一下。

React 是一个用于构建用户界面的 JavaScript 库。

    • ReactはWebアプリケーションのUIを作るためのライブラリ(※フレームワークではない)

 

    • Facebookがオープンソースとして公開している

 

    FacebookやNetflixやAtlassianなど色々なサイトが利用している

使用React的好处

表现优秀

DOM是什么?

パフォーマンスが良い(DOMとは).png

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

パフォーマンスが良い(既存の仕組みが遅い理由) .png

React的机制

パフォーマンスが良い(Reactの仕組み) .png

虚拟DOM是什么

パフォーマンスが良い(仮想DOMとは).png

直到画面更新的过程。

パフォーマンスが良い(画面が更新されるまでの流れ) .png

比起jQuery,更易读

jQueryより見やすい2.png

创建项目很简单

プロジェクトを作るのが簡単.png

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

image.png

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

image.png

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

書き方がパーツ単位のため再利用しやすい.png

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

image.png

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

image.png

使用React的缺点。

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

image.png

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

MVC的な書き方はできない.png

JSX很难理解。

JSXがわかりにくい.png

总结

    • 簡単な静的ページ(htmlが1枚のページとか)を作るならjQuery、動的なページを作るならReactの方が向いてそう

 

    • MVC形式で作るならReactは向いていない(フレームワークによっては埋め込めるものあるらしい)

 

    高速なページを作るなら仮想DOMが使われているReactの方が良さそう
广告
将在 10 秒后关闭
bannerAds