DjangoとReactのSPAウェブアプリで、使用することができない(と思われる)Djangoの技術

Djangoで開発を進めていき、途中でReactのSPAを考える場合。

一部のDjangoの技術が使用できない。

本記事ではDjango+ReactのSPAを作る際、使用できない(もしくは使用できないと思われる)Djangoの技術をまとめる。

Django Template Language

当然だが、Reactがレンダリングを行うため、DjangoTemplateLanguageは使えなくなる。

ifやforはJavaScriptに含まれるため問題はないが、 urlテンプレートタグが使えないのは痛い。

Reactでは、urls.pyにまとめたnameを使ってURLの逆引きができないため、

レンダリングはReactが行うため、Django側でやっていたテンプレートの継承も使えない。

もっとも、extendsテンプレートタグは使えなくなるが、どのテンプレートを親とするかなど設計面はReactに流用できるため、全くの無価値というわけでもないだろう。

重複するが、フォームオブジェクトのレンダリング(フォームテンプレート)にも影響は出てくる。

フォームクラスのウィジェットを使うことで、フォームテンプレートに装飾を施すことができた。

しかし、JsonResponseを返す都合上、これは使えない。

ログイン用のテンプレートでも、フォームオブジェクトをレンダリングしているため、こちらも全て書き換えていく手間がかかる。

DTLが使えなくなるため、カスタムテンプレートタグも意味をなさなくなる。

ただ、カスタムテンプレートタグでできることは、Djangoのビューでもできるため、それほど影響はないと思われる。

クエリストリングのパラメータの操作などもJavaScriptで対応できる。

Reactと連携させるためには、JsonResponseを返却する必要があるため、ContextProcessorも機能しなくなる。

ContextProcessorに紐付いている、requestオブジェクト、DjangoMessageFrameworkも機能しなくなる。

自前で作ったContextProcessorも使えないので、Reactとの連携を想定する場合、ContextProcessorは使わないほうが良いだろう。

対策として、ビューを継承する方向で調整するなどが良いと思われる。

JsonResponseによって返却されている内容は、あくまでもjson(辞書型のようなもの)であり、モデルオブジェクトではない。

故に、モデルオブジェクトで使える逆参照やモデルメソッドなども機能しなくなる。

これは、シリアライザに追加のフィールドを用意するなどで対策はできると思われる。

だが、1対多や多対多、1対1などでリレーションを組んでいる場合、すぐに参照できないのは非常に辛いところだろう。

思いつくだけでこれだけが考えられたが、使えない技術は他にもあると思う。

Django+ReactのSPA開発時に、これまでのDjango技術の殆どが役に立たなくなることに気づく。

サーバーサイドとフロントサイドを疎結合にするデメリットが、ここに来て大きく出ているように思える。

もう少しだけ、Django+ReactのSPAをスムーズに開発する方法を考慮したほうが良いだろう。