Как Подключить React К Django?

Сегодня мы продолжаем обвешивать разного рода вкусностями наше django приложение в рамках серии роликов Прокачай Свой Джанго проект.
В этом ролике мы посмотрим, как подключить React к Django. А именно:
1. Разработаем небольшое REST API backend приложение с помощью Django REST Framework;
2. Создадим клиентское React приложение;
3. И наладим взаимодействие между ними с помощью библиотеки axios.
Доступно, с минимумом воды и максимумом кода.

📒 Материалы из видео:

💰 Donation Alerts:

🚀 Социальные сети:
✅ Канал PyLounge:

👨‍🏫 Привет! Меня зовут Макс. Я один из авторов канала PyLounge. Уже долго занимаюсь программированием, в частности программирование на языке Python. Я много чего узнал за это время, и мне есть, чем поделиться со зрителями моего канала. Здесь выходят разнообразные ролики, касающиеся IT-тематики и программирования, которые я делаю в соавторстве с Егором (лучшим голосом России). Подписывайся, будем узнавать что-то новое и работать вместе! Погнали!

🕰️ Таймкоды:
00:00 - Вступление
02:30 - Что такое React
02:54 - Создание Django-проекта
09:08 - CORS
11:30 - Проверка REST API
12:00 - Создание React-проекта
12:11 - NodeJS
12:30 - npm, npx, yarn
13:45 - axios
14:30 - Работа с запросами
16:25 - Проверка frontend-части
16:40 - Заключение
16:58 - Концовка

*Компания Meta - организация, деятельность которой запрещена на территории Российской Федерации

#pylounge #django #ityoutubersru #itubeteam #python

Pb3XmBtzszH1McFGhrwkfcgJTcRKtH8CeBg6Tee

[rucat]

Использовать проводник в качестве перемещения по файлам это конечно что

[tzkffrx]

Такое огромное количество информации, за 15 минут, это явно талант!

[deprome]

сейчас в вузе начали проектную деятельность в команде и решили использовать стек django + react / react native и твое видео просто находка, спасибо за труд !

[zproger]

Видео в 8:00 для настоящих программистов 😁
Я думал что один так рано проснулся сегодня, а оказывается нет

[inalgagiev]

Ааааааааааааа, ты мне столько нервов спас. Кучу времени искал способ как это работает, просто списибо тебе.

[clcjfsz]

Спасибо, вспомнил-прослезился)
Хотелось бы похожее по вью, с углубленным вью кодом и расшифровкой его написания)

[uanbaev]

Доброго здравия, Вам, уважаемый автор! Обязательно сделайте видео по ангуляру и вью! Ваш труд неоценим и должен быть рекомендован, как самый адаптивный материал для новичков!

[hhhscvx]

Видос помог очень, спасибо. С Vue точно бы с радостью посмотрел, тоже частый кейс достаточно

[iyrmdtx]

Лайк поставил. Интересно был бы увидеть видео с Angular.

[galogramma]

Оч круто! Без воды, по делу. То, что нужно!

[wannabecoder]

Мне как начинающему фронтендеру было интересно и познавательно посмотреть данное видео. Но, в 2023 на классах в реакт не пишут.

[andreyandreyovich]

Спасибо, коротко и без воды. Есть вопрос: если я не хочу делать SPA, а только на определенной страницу использовать Реакт? Какая должна быть структура?

[aquaspacex]

С удовольствием бы посмотрел видом по DRF Api

[helloiveqw]

13:15 возникла ошибка "no such file or directory". Её можно решить прописав команду "npm install npm -g" . Надеюсь смог кому то помочь

[Den-ygwz]

классовые компоненты в React, о которых идет речь в видео, уже deprecated, как бы )

[cdlvrfg]

Подскажите, как поступить если нету venv, а есть docker-compose? Проблема в том что не видит ни одного импорта из других директорий

[saitaro]

Спасибо, видео очень лаконичное, приятно смотреть! Запилишь что-то с FastAPI и Svelte?

[yarburart]

Интересно как прикрутить Angular js к джанге)

[vladimirmedvedev]

Хорошо, а если в настройках джанги прописать порт как у реакта, связка всë ещë будет нужна или он сможет пробрасывать джейсон напрямую?

[AntonyKondr]

так, минуточку, пожалуйста.
Node.js типа application сервер? он компилирует и отдаёт фронтенд приложение клиенту?
У клиента javaScript делает api запрос на бэкенд сервер, получает ответ и рендерит данные..? я правильно понимаю что тут происходит?