ReactJSのインストールとオーバーキルの複雑さ

Question

documentationからReactJSをインストールする方法を簡単に説明できますか？

reactan 16.2.0パッケージのimportan JSファイルとは何ですか？ そして、何の意味：

C:\Users\myuser>npm install --save react react-dom 
npm WARN saveError ENOENT: no such file or directory, open 'C:\Users\myuser\package.json' 
npm notice created a lockfile as package-lock.json. You should commit this file. 
npm WARN enoent ENOENT: no such file or directory, open 'C:\Users\myuser\package.json' 
npm WARN myuser No description 
npm WARN myuser No repository field. 
npm WARN myuser No README data 
npm WARN myuser No license field. 

+ react@16.2.0 
+ react-dom@16.2.0 
added 18 packages in 4.919s 

そしてreactjsを含むそのような優秀なプロジェクトが代わりにjQueryのようなもののJavaScriptファイルの多くの千個のファイルに作られていますなぜ私は理解して決してしませんが。それはあまりにも多くの困難を使用してpacakgeを作り、私はそのような技術を学び始めないことを好む。このような新しいプログラミングツールは、単純にインストール可能でなければならない。

Answer 1

javeryの使い方であるCDNを使ってBabelとWebpackを使わずにreactを実行できます。追加するだけです

<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script> 
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script> 

しかし、この問題はあなたがJSXを取得しないことです。あなたはどちらバニラjavascriptの代わりに、第二のコード片は、あなたが一種のJS以内にHTMLを書くことができたとJSXある

return ( <h1>Greetings, {this.props.name}!</h1> );

を書くのです

return React.createElement('h1', null, 'Greetings, ' + this.props.name + '!'); 

を記述する必要がありますを意味します。 BabelはJSXをバニラのjavascriptに変換するトランスパイライザです。また、一部のブラウザでサポートされていないES6機能も追加されています。

Webpackはコードバンドラです。それは、生産のためにすべてのコードをまとめ、コードのライブ再読み込みにも役立ちます。反応を開始する場合は、create-react-appを使用することをお勧めします。基本的にはすべての設定を行い、babelとwebpackがプリインストールされています。あなたが反応し、反応-DOMをインストールする前にnpm initを実行することにより行うことができフォルダを、初期化していないので、あなたのアプリで Create-react-app

npm install -g create-react-app 

create-react-app my-app 
cd my-app/ 
npm start 

エラーがあります。