Django ????? React? ???? React? ?? ????? ? ??? ?? Django? ?? ? ??? ? ?? ??? ??? ? ?? ?? ??? ??? ? ????. Reactify-django CLI? ???? ??? ??? ?????, React? ??? UI? ???? ??? Django? ??? ???? ??? ? ????. ?? ?? ???? ?? TypeScript? ???? ?? ???? ?? Tailwind CSS? ??? ? ?? ???? ?? ???? ????? ???? ?? ??? ?????.

? ?????? Django? React? ???? ?? ? ???? ??? ??, ??? Django ????? ?? Django ???? ???? Reactify-django? ???? React? ???? ??? ???????.

???? Django-React ??? ???? ??? ??????

???? Django-React ????? ? ??? ??? ?? ?????.
? ?? ??? ??? ??? ??? ????.

• ??? ???(SSR): Django? ??? ??? ??? ??? ??? ????? ??? ???? ???? SEO? ?? ??? ?? ??? ??????.
• ??? ??? ? ??: Django? ??? ??? ? ??? ?? ??(?: CSRF ?? ? ?? ??)? ??? ??? ????? ??? ???? ? ???? ?? ??? ? ??? ????.
• ?? ??: React? Django? ? ?? ??? ???? ?? ???????? ??? ? ???? ??? ?????? ??? ???? ???? ???? ?????. ?? Django? React? ??? ??? ????? CORS ?? ? ??? ???? ????.

reactify-django? ???? Django ??? React? ???? ???? ??? ??? ???? ??? ??? ???? ?? ?? ??? ??? ? ????.

1. ????:

reactify-django ??
Reactify-django? ????? ???? Node.js? ???? ??? ???. Node? ??? npx? ?? Reactify-django? ??? ? ????.
npx ??-??

?? ??
CLI?? ? ?? ?? ??? ????.

• init React? ??? ??? Django ????? ?????.
• add ?? Django ????? React? ?????.

2. React? ???? ? Django ???? ??

???? ????? init ??? ???? React? ??? ? Django ????? ?????.

1. ?? ??:

npx ??-?? ???

2. ?? ????? ??????:
??? ????? ??? ?? ???:

• ???? ??: Django ????? ?????.
• ? ??: React? ??? Django ?? ?????.
• ??? ??: ?? ?? ? ???? ??? ?? ?????? TypeScript ?/?? Tailwind CSS? ???? ??? ?????.

3. ?? ?? ? ??:

CLI? Django ???? ??? ????, React ???? ?? Webpack? ????, ??? ?? TypeScript ?/?? Tailwind? ??? ???? ?????. views.index? ???? ?? URL? ??? React? ????? template/your_app_name/index.html ??? ???? ?????.

?? ?:

npx Reactify-django init -c ./my-new-project

??? ???? ???? ???? ?? ?? -c(?? --cwd) ???? ???? ?? ????? ??? ? ????.

URL ??? ?? ?? ??:
?????, Reactify-django? init ??? Django ?? ?? URL("")? ?????. ? ??? ??? ?? URL? ?? ???? ????? ???? Django? ???? ?? ??? ?? ????.

from django.urls import include, path

urlpatterns = [
    path("your_app_name/", include("your_app_name.urls")),
    path("admin/", admin.site.urls),
]

??? ???? ?? ??? ???? ?? ???? ?? ?? URL? ?????.

from django.urls import include, path

urlpatterns = [
    path("", include("your_app_name.urls")),
    path("admin/", admin.site.urls),
]

? ?? ??? ?? ??? ??????? ?? ??? ?? ??? ???? ?????. Django ??? ???? ?? Django ?? ????? ?? ? ?? ???? ????? ??? ? ????.

3. ?? Django ????? React ??

?? Django ????? ?? ?? add ??? ???? ?? Django ? ??? React? ??? ? ????.

1. ? ????? ?????:

cd ??/to/your-django-app

2. ?? ??:

npx ??-?? ??

3. ?? ?? ??:

React ??? ??? ?? ??? ? ??? TypeScript ? Tailwind ??? ?? ???? ?????.
? ??? ? ????? webpack.config.js? ???? JavaScript ??? static/your_app_name/js/? Bundle.js? ?????. ???? React? ????? ??? ?? ? ??? ??? ? ????.

{% ?? ?? %}
<div>



<p><strong>?? ?:</strong></p>

<p>npx Reactify-django add -c ./path/to/app</p>

<h2>
  
  
  4. ???? ?? ? ??
</h2>

<p>??? ???? ?? ??? ??? ? ????.</p>

• ?? ??

1. Webpack ?? ?? ??:
Django ? ????(package.json? ?? ??)?? ??? ?????.

npm ??

??? ?? ??? ??? React ??? ??? ?? Django ?? ??? ???? Webpack ?? ??? ?????.

2. Django ?? ?? ??:
??? ??? ???? ??? ???? Django ??? ?????.

pythonmanage.py runserver

?? Django ?? ???? React ?? ????? ??? ? ?????? ??? ??? ??? ? ????.

• ???? ??

??? ??? ?? Django ? ????? ???? ??? ?????.

npm ?? ??

??? ?? ????? React ?? ??? ???? Django? ??? static/ ????? ???? JavaScript? ?????.

5. ?? ????

reactify-django? ??? ? ?? ??(?: webpack.config.js ? Django ??)? ?? ??? ??? ? ????. ??? ??? ??? ???? ?? ??? ? ? ?? ??? ??? ? ????.

??

reactify-django CLI? ?? ???? ?? ?? React? ???? ???? Django ????? React? ???? ????? ??????. Django? ??? ???? React? ????? ???? ???? ???? ??? ??? ???? ??????? ?? ? ????.
??? ??? npx Reactify-django? ???? CLI? ???? ?? ????? ???? ? ?? ??? ?????. Django? React? ??? ?? ???? ??? ?????!

? ??? ??? ????? ??? ??? ????. ? ????? GitHub?? ?? ? ????. ??? ??? ???? ????? ??? ???!

? ??? Reactify-django CLI? ???? React? Django? ???? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!