React の履歴(No.2) - PukiWiki

履歴一覧
差分を表示
現在との差分を表示
ソースを表示
React へ行く。
- 1 (2024-02-12 (月) 18:29:10)
- 2 (2024-02-16 (金) 21:55:17)
- 3 (2024-02-18 (日) 19:20:49)
- 4 (2024-02-18 (日) 19:20:49)
- 5 (2024-02-20 (火) 07:32:07)
- 6 (2024-02-20 (火) 22:07:05)
- 7 (2024-02-23 (金) 23:31:54)
- 8 (2024-02-25 (日) 14:52:28)

目次†

目次
JavaScriptモジュールバンドラ
- Vite
Node.js
npm
React
- その他のフレームワークと特徴
プロジェクトの作成と実行

JavaScriptモジュールバンドラ†

複数のJSファイルを静的にまとめて1つのファイルに出力する
1つにまとめることをバンドルと言い，それを行うツールをモジュールバンドラ（module bundler）という
1つにまとめることで開発者は<script src="...">をいちいち書く必要がなくなる

Vite†

Webpackと比較して高速〜とか紹介されているJSモジュールバンドラ
Viteの利用にはNode.jsが必要

Node.js†

JavaScript実行環境の1つ
ブラウザでしか動作しなかったJSがその他の環境でも動作する．として有名に
npmを同梱
WebSocketサーバとして用いられることが多い?
2011年8月に0.1.14がリリース．比較的新しいものだが多く使われている

npm†

Node Package Managerの略称
JavaScriptのパッケージ管理を行う

React†

UI構築のためのフレームワーク
宣言的UIで開発
仮想DOMというメモリのDOMと実DOMを比較し，差分のあるコンポーネントのみを再描画する仕組みをもち高速

その他のフレームワークと特徴†

フレームワーク	特徴
AngularJS	MVCに対応したフルスタックフレームワーク．パフォーマンス面でReactとVue.jsに負けている
Vue.js	UIに特化したフレームワーク．Reactと比較すると少しパフォーマンス面で劣っている

試してはいないググった情報

プロジェクトの作成と実行†

プリジェクトの作成にはnpxコマンドを使う

# プロジェクトの作成
% npx create-react-app プロジェクト名

# （対象ディレクトリに移動して）Reactプロジェクトの実行
% npm start