ホームページ >ウェブフロントエンド >フロントエンドQ&A >React のスキャフォールディングとは何を意味しますか?

React のスキャフォールディングとは何を意味しますか?

WBOY
WBOYオリジナル
2022-04-19 17:37:542809ブラウズ

React では、スキャフォールディングは、プロジェクト エンジニアリング構造を迅速に生成するためのツールを意味します。React スキャフォールディングは、React プロジェクトを迅速に開始し、共通のディレクトリ構造を生成し、基本的な依存関係を含む必要な環境を構成できます。ライブラリに必要なのは以下だけです。 「npm install」を使用してインストールすると、プロジェクトの構成時間が節約されます。

React のスキャフォールディングとは何を意味しますか?

このチュートリアルの動作環境: Windows 10 システム、react17.0.1 バージョン、Dell G3 コンピューター。

React スキャフォールディングの意味は何ですか?

React スキャフォールディングとは、React プロジェクトを迅速に開始できるようにすること、つまり、次のような一連の React 構造を提供することを意味します。基本 依存ライブラリはnpm installだけでインストールできるので、編集などに時間を費やす必要がなく、要するにプロジェクトをさくっとビルドして早くコードを書けるようになるということです。

Create React App は、React シングルページ アプリケーションを構築するために FaceBook の React チームによって正式に開発されたスキャフォールディング ツールです。 Webpack 自体が統合されており、一連の組み込みローダーとデフォルトの npm スクリプトで構成されているため、構成なしで React アプリケーションを迅速に開発することが簡単になります。

React スキャフォールディングの利点:

  • 設定は必要ありません;

  • React、JSX、ES6、および Flow の統合サポート。

  • 統合開発サーバー;

  • ソース コードは非常に明確で、冗長なファイルはありません。

足場

プログラミングで言及される足場は、実際にはエンジニアリング プロジェクトを迅速に生成するのに役立つツールです。各プロジェクトの最終的な効果は異なりますが、基本的なエンジニアリング構造は似ています。

似ているため、毎回最初から構築する必要はなく、完全に可能です。いくつかのツールを使用して制作を支援します。基本的なエンジニアリング テンプレート;

さまざまなプロジェクトについて、このテンプレートに基づいてプロジェクトを開発したり、構成に簡単な変更を加えることができます;

この方法で、間接的に、システムの基本的な構造の一貫性を確保することもできます。プロジェクトを実行し、後のメンテナンスを容易にする;

概要: スキャフォールディングにより、構築から開発、展開に至るプロジェクトのプロセス全体が高速かつ便利になります;

現在、最も人気のある 3 つのフレームワークには、独自のスキャフォールディングがあります。

##Vue のスキャフォールディング: vue-cli
  • Angular のスキャフォールディング: angular-cli
  • React scaffolding: create-react-app
  • これらの機能は、共通のディレクトリ構造を生成するのに役立ちます。これで、必要なエンジニアリング環境が構成されました。
推奨される学習: 「

react ビデオ チュートリアル

以上がReact のスキャフォールディングとは何を意味しますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。