ホームページ  >  記事  >  ウェブフロントエンド  >  React Scaffolding ツールとは何ですか?

React Scaffolding ツールとは何ですか?

WBOY
WBOYオリジナル
2022-04-27 10:12:242753ブラウズ

反応スキャフォールディング ツールは次のとおりです: 1. nwb (React アプリケーション、ライブラリ、その他の npm モジュール用のツールキット) 2. razzle (設定なしでサーバー レンダリングを作成するユニバーサル JS アプリケーション) 3. Neutrino 、初期設定ゼロで最新の JS アプリケーションを構築することです。4. 「react-cli」など。

React Scaffolding ツールとは何ですか?

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

React Scaffolding ツールとは何ですか?

1. 公式に推奨されるスキャフォールディング (https://react.docschina.org/docs/create-a-new-react-app.html)

React には実際には多くのスキャフォールドがあり、その中で公式に推奨されているスキャフォールドは次のとおりです:

  • React アプリの作成: React を学習している場合、または新しいスキャフォールドを作成している場合シングルページ アプリケーション

  • Next.js: Node.js を使用してサーバー側でレンダリングされる Web サイトを構築している場合

  • Gatsby:コンテンツ用の静的 Web サイト用にサーバー側でレンダリングされた Web サイトを構築しています

  • nwb: React アプリケーション、ライブラリ、その他の Web npm モジュール用のツールキット

  • razzle: 構成なしで作成サーバーレンダリングのユニバーサル JavaScript アプリケーション

  • Neutrino: 初期構成ゼロで最新の JavaScript アプリケーションを作成および構築

2. その他足場

  • react-cli 足場

  • ##Rekit 足場

足場とは何ですか?

伝統的な足場とは、建築における構造を指します。建物や建物を建てるときに建てられる仮のフレームです。

足場

プログラミングで言及される足場は、実際にはツールですこれは、プロジェクトのエンジニアリング構造を迅速に生成するのに役立ちます;

各プロジェクトの完成した効果は異なりますが、基本的なエンジニアリング構造は類似しています;

類似しているため、必要はありません基本的なエンジニアリング テンプレートの作成に役立ついくつかのツールを使用できます。

さまざまなプロジェクトで、プロジェクト開発を実行したり、以下に基づいて構成に簡単な変更を加えたりするだけで十分です。テンプレート;

これにより、プロジェクトの基本的な構造の一貫性が間接的に確保され、後のメンテナンスが容易になります;

概要: 足場 建設から開発、展開までのプロジェクト プロセス全体を迅速かつ便利にします。

には、3 つの一般的なフレームワーク用の独自のスキャフォールディングがあります:

    Vue のスキャフォールディング: vue-cli
  • Angular のスキャフォールディング: angular-cli
  • #React のスキャフォールディング: create-react-app
  • 彼らの役割は、共通のディレクトリ構造の生成と構成を支援することです。私たちが必要とするエンジニアリング環境。
これらの足場を使用するには何に頼る必要がありますか?

現在、これらのスキャフォールドはノードを使用して記述されており、webpack に基づいています;

したがって、ノード環境を自分のコンピューターにインストールする必要があります;

推奨される学習: "

反応ビデオチュートリアル

"

以上がReact Scaffolding ツールとは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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