2016-04-27 17 views
0

私は流星の学習を始め、反応でそれを使用することに決めました。 1ヶ月以来、私はどのパッケージを使うべきかという問題を抱えていました。React with Meteorの設定方法は?

最終的には、反応に関連する他のものとの互換性を約束し、最後にサーバーサイドレンダリングを望んでいないので、コード分割、反応ルータにwebpackを使用する必要があります。私のアプリケーションで(私のアプリの短い応答で)したいものの

とにかく、githubでたくさんのreposをチェックし、多くの記事などを読んでいました。最初の日から、私はまだ流星+反応が嫌いです。


最終的に私の質問は、私のパックで使用するデータパッケージです。だから私のパックは

  1. で構成さは
  2. 反応-DOM
  3. を反応させる反応し、ルータを
  4. のWebPACK
  5. バベル私は私のパックを完了するために使用する以下の

  1. 反応-流星データを
  2. 反応-マウンタ他
  3. 何か?

どのように流星ブートストラップ、どのようにデータを処理するか、反応するデータを渡す方法、なぜ奇妙なミックスインがgithubなどの多くのプロジェクトで使用されているか知っています。私は私のプロジェクトを開始し、終了する必要があります。まだ流星がどのように働くかを理解し、それらのパッケージの中から選ぶことを試みている。

答えて

1

あなたが初心者なら、私の代わりに、次のセットアップを使用することをお勧めしたい:

  • React。 Atmosphereで見つけたものではなく、npmパッケージをインストールします。これはMeteorの古いバージョン用です。ここでnpmのサポートはまだ実際には行われていません。
  • Flow Routerは、Meteorと本当にうまく統合されています。使用するのは本当に簡単です。リアクション変数とサーバーサイドのレンダリングも提供します。これは後でSEOのためにアプリを最適化する際に役立ちます。
  • react-meteor-dataは、MeteorとReactの接続を担当します。これは、MeteorサブスクリプションをReactプロパティに切り替えることができるcreateComponent関数を提供します。
  • react-mounterからnpm。 ReactコンポーネントをDOMにマウントするためにFlow Routerのルートを定義するときに使用します。

これは、MeteorとReactですばらしいWebアプリケーションを作成するために必要な基本です。 :)

私はをスキップwebpackを始めました。素晴らしいですが、簡単にあなたの学習曲線を少し急峻にすることができます。いつ切り替えるかはわかります。

+0

こんにちは、私は本当にあなたの詳細な答えと誠実なアプローチに感謝します。私は前にあなたの答えを見つけたかった。なぜ私がフロールータよりも反応ルータを選択したのか覚えていない。とにかく、あなたの答えは私にとって多くのことを明確にしました。最後に私はコード分割のために#webpack#が必要であることをすでに知っています。私のアプリは本当に大きく(約15ページ)、すべてのユーザーが必要としないファイルを手に入れたくない。だからwebpackは私のために必要です。私はwebpack code-splitをたくさん読んでいます。この時点で何をお勧めしますか? – FurkanO

+1

私はそれについて心配しません、15ページは本当に小さなwebappです。最初のダウンロード時に数キロバイト余分に確保することができますが、ここで解決するよりも**ロット**のトラブルが発生します。 Meteor(プロダクションモード)は、Webアプリケーション全体に単一のモノリシックな.jsファイルを作成するので、数十のファイルをダウンロードする必要はありません。 – aedm

+1

あなたはすべきですが、最初はありません。 :) Webpackは、例えば、あなたのアプリが成長するときに素敵な、より速い再構築時間を可能にします。しかし、実際のアプリケーションコードは、必要なすべてのフレームワークやパッケージコードよりもずっと小さく、ユーザーがダウンロードしなければならないすべてのコンテンツではそれほど小さくありません。 – aedm

関連する問題