[解決済み] DjangoとReactJSを連携させる方法とは?
質問
Djangoは初めてで、ReactJSはさらに初めてです。AngularJSとReactJSを調べていましたが、ReactJSに決めました。AngularJSの方がシェアが大きいにもかかわらず、人気に関してはAngularJSを上回っているように思えましたし、ReactJSの方が早く手に入れられると言われているからです。
そんなガラクタはさておき、Udemyのコースを受講し始め、いくつかのビデオを見た後、Djangoとどれだけうまく統合できるかが重要だと思いました。その時、どうしても立ち上げるだけで壁にぶつかってしまうのですが、何時間も夜通しで空回りしないように、どんなドキュメントがあるのでしょうか。
包括的なチュートリアルや
pip
というパッケージがありました。私が見つけたいくつかのパッケージは、うまくいかなかったり、古かったりしました。
pyreact
などです。
一つ考えたのは、ReactJSを完全に分離して扱い、ReactJSのコンポーネントにレンダリングさせたいクラスとIDを考慮することです。分離した ReactJS コンポーネントを 1 つの ES5 ファイルにコンパイルした後、その 1 つのファイルを Django テンプレートにインポートすればよいのです。
Django Rest Frameworkが関係しているようですが、Djangoモデルからのレンダリングになると、すぐに破綻すると思います。Redux がこのすべてにどのように影響するか見るにはまだ十分ではありません。
とにかく、どなたかDjangoとReactJSを使った明確な方法をお持ちの方は、教えてください。
とにかく、AngularJSやDjangoはドキュメントやチュートリアルが豊富なので、どんなフロントエンドフレームワークでもそのルートで始めたくなるのですが......。ベストな理由ではないですが。
どのように解決するのか?
Djangoの経験はありませんが、フロントエンドからバックエンドへ、フロントエンドのフレームワークからフレームワークへの考え方は同じです。
- Reactはあなたの Django REST API . フロントエンドとバックエンドは一切接続されていない。Reactはデータを取得・設定するために、REST APIにHTTPリクエストを行います。
- Reactは Webpack (モジュールバンドルラー) & Babel (トランスパイラー) は、Javascript をバンドルし、単一または複数のファイルにトランスパイルして、エントリーの HTML ページに配置します。 Webpack、Babel、Javascript、React、Redux(ステートコンテナ)を学ぶことができます。 . I 信じる は、Django のテンプレートを使わず、React にフロントエンドをレンダリングさせるでしょう。
- このページがレンダリングされるとき、Reactはデータを取得するためにAPIを消費するので、Reactはそれをレンダリングすることができます。あなたの理解では HTTPリクエスト、Javascript(ES6)、Promises、ミドルウェア、React は必須です。
以下は、私がウェブ上で見つけた べきである に役立ちます(Googleで検索した結果です)。
- DjangoとReact APIのYoutubeチュートリアル
- ReactでDjangoをセットアップする (壊れたリンクをarchive.orgのリンクに置き換えた)
- 上記の太字の用語を使って他のリソースを検索してください。まずは "Django React Webpack" を試してみてください。
これが正しい方向へ導いてくれることを願っています。頑張ってください。Django を専門とする他の人が、私の回答に補足してくれるといいのですが。
関連
-
[解決済み】Djangoのクエリセットフィルタリングでnot equalを行うにはどうすればよいですか?
-
Djangoの基本(16)。テンプレートタグの紹介とそのカスタマイズ方法
-
[解決済み] Djangoでファイルをアップロードする方法は?[クローズド]。
-
[解決済み] Djangoのバージョンを確認する方法
-
[解決済み] Django で完全な/絶対的な URL (ドメイン付き) を取得するにはどうすればよいですか?
-
[解決済み】Djangoでnull=Trueとblank=Trueの違いは何ですか?
-
[解決済み】ReactJS - "setState "が呼ばれるたびにrenderが呼び出されるのですか?
-
[解決済み] Django REST Framework: ModelSerializerに追加フィールドを追加する
-
[解決済み] django のクラスベースのビューで permission_required デコレータを使用する方法
-
[解決済み] django のモデルのクラス名を取得する
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
Django。"makemigrations "時に変更が検出されない。
-
[解決済み] Django ORM のクエリセットに対応する SQL クエリを表示するには?
-
[解決済み] Django の filter と get は単一オブジェクトの場合?
-
[解決済み] シグナルハンドラは django プロジェクトのどこにあるべきですか?
-
[解決済み] django で複数のオブジェクトを削除する
-
[解決済み] Djangoのデータベースクエリ。id でオブジェクトを取得するには?
-
[解決済み] egg_infoエラーでpipからインストールできない
-
[解決済み] dbなしのdjangoユニットテスト
-
[解決済み] Django はフォームが初期化された後にフィールドの値を設定します。
-
[解決済み] すべてのSQLクエリをログに記録