DjangoとReactを用いた開発について

バックエンドはDjango、フロントエンドはReactを使った開発を試みています。
以前Djangoを使ってSNSサイトのようなものを作成してVPSにデプロイ、公開まではしたことがあるのですがReactはこの度存在を知りまして、ぜひ一緒に使ってみたいと思ったのですが、どうしても理解できないことがあります。

Djangoはjsonを返す役割を果たすのでDjango REST FrameworkでAPIを作ればいいというのまではわかるのですが、ここからがわかりません。

ローカル開発時やデプロイ時に、バックエンドとフロントエンドは大元となる同じルートディレクトリに入れるのですか？またよろしければディレクトリ構成の例を示していただけますか？

この質問に関してはあまりにも初心者すぎですよね？すみません。あとReactについてまだよく理解できていません、、、
例えば一番初めに

django-admin startproject django-react
```で
django-react
|-- django-react
|-- manage.py
というディレクトリ構成になり、またこの中に
```ここに言語を入力
python manage.py startapp api
```で
django-react（ルートディレクトリ）
|-- django-react
|-- api
|-- manage.py
でapiを返すアプリであるapiフォルダができると思います。
このルートディレクトリであるdjango-reactの中にフロントエンドであるReactのディレクトリを入れていくのでしょうか？

それともバックエンドとフロントエンドは全く別のプロジェクトとして別々のディレクトリで開発していきjsonのやりとりのみを行うようにするのでしょうか？

一応検索をかけて出てきたいくつかのサイトのやり方を見てみたのですが、いまいち正解がわかりません。

ちなみに今はReactは無視して
django-react
|-- django-react
|-- node_modules
|-- assets
|-- app1
|-- app2
|-- templates
|-- static
|-- package.json
|-- package-lock.json
|-- webpack.config.js
|-- webpack-stats.json
という構成になっています。