2017-03-17 3 views
2

Onsen UI 2 + React + Redux + Cordovaアプリケーションをゼロから作成する方法のステップバイステップの良いステップはありますか?Cordova + Onsen + Reactを使用した初期プロジェクトセットアップのステップバイステップガイド

そこにはたくさんのガイドがありますが、初期プロジェクトの設定についてはほとんど知らないのです。インストールするnpmパッケージとその方法。どのようにプロジェクトを作成するのか、どのように構造化するのか、どこに行くのか、どこにロジックを置くのかなど。

先週、私は温泉とリアクションに関する多くの記事とチュートリアルを読んだ。しかし、私はまだ、実際のプロジェクトでこれらすべてのものがどのように連携しているかをはっきりと理解していません。私は基本が欠けている。ステップガイドによって小さなステップのように

  1. 使用NPMと、次のパッケージをインストール...
  2. このパッケージには、これとこれを行い、あなたはそれとそのように設定する必要が...
  3. Cordova + Onsen + React + Reduxを使用し、BabelとWebPackを使用するプロジェクトを作成するには、これを使用し、これを...次のファイルで以下の設定を行う必要があります...
  4. OKプロジェクト!いいよ!ここでコードワを使ってアプリケーションを初期化する正しい方法は...(私はそれをどのように初期化する必要があるのか​​分からないので...私はCordova onDeviceReadyかons.onReadyか他の何かを使うべきですか?)
  5. そのようなプロジェクトを構造化しなければならない...それは利益をもたらします...
  6. あなたを助け、あなたの人生をより楽にしてくれるいくつかの追加の図書館です...
  7. はここにある働くプロジェクトの例ですあなたがすべてを見ることができるコード:正しいアプリの初期化、鮮明な構造、店舗と非同期ウェブサービスを扱う...

誰かがfそれとも、このガイドを作成することができますか、それをしてください!

答えて

0

React + Onsen UI + Redux + Webpack 2の基本設定でレポを作成しました.Cordovaの有無にかかわらず、使用できるコマンドを表示するにはnpm runと入力してください。 Webpackについて何か知っていれば、設定を理解するのは簡単です。

Here is the repo

それはガイドではなく、一例ではないが、それは私が「公式」1つのhttpsのように思える、このいずれかを使用していますあなたに多くの(私は願っています)

+0

を助けるべきである:// github.com/monaca-templates/onsenui-v2-react-minimum しかし、まだ 'monaca preview'はCordovaプラグイン(cordova.js)にアクセスできないようです。だから、React + Appのような他のReact + Webpackの定型文と比べて、それを使うメリットは本当に分かりません。あなたはこれをサポートしていますか? – Grsmto

+0

プレビューは基本的にwebpack-dev-serverを実行しているので、コードバ(これは "cordova run"によって追加されます)はありません。そのため、プレビューという名前になっています(これは、UIが動作していることを確認するためのものです)。私のレポはちょうどあなたが記述したもので、React + Webpackの定型文です。 Create React Appのようなものとの違いは、Onsen UIを持っていることです。あなたのIDE +オンライン有料ツールを使用していない場合、モナカを使用することはお勧めしません。また、不要なコードを追加し、さらにコントロールの外側にキャッシュされたnode_modulesを使用します(たくさんのパッケージも旧式/廃止予定です)。 –

+0

cordovaあなたは時計モードでwebpackを実行し、同時に "cordova run browser"を実行する必要があります –

関連する問題