React エントリーの学習全記録 (私と同じように Vue の経験があり、React を学びたい学生に適しています)

現在の 3 つのフロントエンド フレームワーク: Vue、React、Angular の比較

• すべて仮想DOMを備えたMVVMフレームワークに基づいたコンポーネント開発手法を採用しており、
• Vue と Angular は両方ともレスポンシブ デザイン アプローチを採用しており、データが変更されるとビューが自動的に更新されます。
• React と Angular は複雑であるため、大規模で複雑なプロジェクトにより適しています。

Vue は、単一ページのアプリケーションを迅速に構築するための、軽量で進歩的、柔軟で習得が簡単なフレームワークです。

Reactは Facebook によって開発されており、高い拡張性を備えています。開発ツールとエコシステムの完全なセットを提供します。

Angularは Google によって開発されており、Java と C のユーザーにとって、Angular の静的チェック、依存関係注入機能、およびオブジェクト指向プログラミング スタイルにより、Angular はより使いやすくなっています。

React自身

公式の簡体字中国語ドキュメント アドレス
Vue と比較すると、React は JSX 構文とコミュニティ ドキュメントがより複雑であるため、学習コストが高くなります。しかし、それはフロントエンドにとって必要なテクノロジースタックでもあります。

1. JSX 構文: React はコンポーネントの構造と動作を記述するために JSX 構文を使用します。これは HTML と JavaScript を組み合わせた構文であり、開発者が HTML 構造とコンポーネント ロジックを JavaScript で直接記述できるため、学習コストと開発の困難さが軽減されます。
2. コミュニティ サポート: React には、開発者が高品質の Web アプリケーションを迅速に構築するのに役立つ多数のプラグイン、ライブラリ、ツールを提供する大規模なコミュニティがあります。
3. 関数型プログラミング: React は設計時に関数型プログラミングの考え方にも注意を払っており、このプログラミング手法はより簡潔で、保守性とテスト性が高く、コードの再利用と組み合わせを実現しやすくなっています。

React テクノロジー スタック React ファミリー バケット

• 反応の基本
• React-Router のグローバル コンポーネント ルーティングは vue-router に対応します
• PubSubメッセージ管理はprops/$emit/refに対応するブラザーコンポーネントパス値を実現します
• VueXに対応したRedux集中状態管理はFluxから派生
• Ant-Design UI ライブラリは element-UI に対応します

つづく。。。。