2017-11-02 47 views
0

私はちょうどReactJSとReact Nativeを学び始めました。ReactとReact Native with Express

私はMEN(Mongo、Express、Node)に関する知識があります。ここまでは、ファイルをres.render()してそこにオブジェクトを渡す方法を学びました。

ここで私がする必要があるのは、MERNアプリを作ることです。このアプリには、AndroidとiOSのバージョンが必要です。

これまでのところ、RはReactJSの略で、反応ネイティブではないことがわかりました。方法はありますか?両方が含まれていますか?エクスプレスジェネレータのようなフォルダ構造があると、どこに反応ファイルを置くのですか?それとも、まったく別のディレクトリに存在する可能性があり、インポートによってもう一方を呼び出す方法がありますか?

+1

クライアントとサーバーを分けてください。バックエンドのスタックは、あなたのリアクションのフロントエンドとは無関係で、その逆もあります。あなたのリアクションアプリは、バックエンドがどこにあるのか、どのように呼び出すのか、そしてどのようなデータが必要なのかを知るだけです。サーバは、リクエストが整形され、起点にアクセスが許可されている限り、誰がそれを呼び出すかを気にするべきではありません。 – pawel

答えて

0

私は信じる建築になる。スタックを作成する方法は次のとおりです。

クライアントアプリケーションのエンドポイントを提供するMongo/Express/Node(reactjs、react-nativeおよび他の技術を含めて作成)を使用してHTMLリクエストを使用して呼び出すAPIを作成できます。これは、モバイルアプリ(反応ネイティブを使用)とデスクトップアプリ(反応アプリを使用)の両方で機能します。

これを展開するには、いくつかの方法があります。 2つの別々のアプリケーション(サーバーアプリケーションとクライアントアプリケーション)を作成できます。これらのアプリケーションは、2つの別々のホストによって個別にホストされます。これは、フロントエンドコードとバックエンドコードを切り離すために便利です。また、コード用に2つの別々のディレクトリを持つこともできます。

展開のもう1つの方法は、サーバーにクライアントファイルを提供させることです。これは少し面倒ですが、このオプションも安価なので、あなたは1ホストの中にあなたのアプリ全体を展開することができます。この記事を読んで、これを実装する方法とファイル構造を理解することをお勧めします。https://originmaster.com/running-create-react-app-and-express-crae-on-heroku-c39a39fe7851

+0

私はあなたが最初に説明したようにそれをやったと想像しました。サーバーサービングAPIを使用して、フロントエンドと分離します。私の質問は今、私は反応ネイティブとreactjs(彼らは非常に似た外観を持つため)を接続する必要がありますか、私はそれらを分離して、別のディレクトリ内の2つの異なるプロジェクトのように扱う?このように整理するのに役立つリンクやチュートリアルがありますか? – Wolfdog

+0

携帯端末のみをターゲットに設定しようとしていますか?その場合は、react-nativeを使用してください。ハイブリッドアプリを作ろうとしているのですか?次に、Reactを使用して、反応に反応するようなライブラリをチェックアウトします。サーバーディレクトリをクライアントディレクトリから分離し、2つの異なるホストに展開します。 – MEnf

関連する問題