ReactとJSX for ES5のシンプルなdevスタック

Question

Reactから始めて、私はES5で自分のアプリを書いてみたいです。私はreact.min.jsのscriptタグとreact-dom.min.jsと私自身のapp.jsファイルのhtmlを作成しました。 JavaScriptファイルにJSXを書くためには、私は何をする必要がありますか？

1. 通常、前処理（JSX into JS）はサーバー上で実行されますか？それとも、クライアントでそれを行う方法はありますか？
2. 私は自分の開発スタックをシンプルに保ちたいと思います。 Webpackを調べなければならないのですか、JSXを処理するための簡単な方法がありますか（たとえば、npmスクリプトや特急など）？
3. 誰もがバベルを使用しているようです。私が普通の古いES5を書いても、それなくしてもいいですか？

P.S：サーバー側でNodeJSとExpressを使用してアプリを配信します。

Answer 1

私はあなたの質問できるだけ詳しくとしてお答えしようとするだろう：

1. あなたはBrowserifyと、サーバー上でJSXをtranspileし、いくつかの時間を節約、反応できるレンダリングされたように、コンポーネントをマークするすべてのコンポーネントにフラグを追加しますサーバーではなく、ほとんどの人が現在行っていることは、アプリケーションを実行する前にwebpackを使用してすべてのコードを翻訳することです。あなたもクライアント上でそれを行うことができますが、アプリケーションを実行する前にコンパイルすることをお勧めします。
2. ブラウザでnpmを使用すると、コードをバベルと一緒に翻訳して実行することができます
3. エクスプローラとクライアントのエクスプローラがES5をサポートするとすぐにエラーが発生し、だから、誰もが主にすべてのブラウザでES5またはES6をサポートするためにバベルを使用しているのです。

希望はあなたを助けよう！