Как Подключить React К Django?
ฝัง
- เผยแพร่เมื่อ 27 ก.ค. 2024
- Разверните инфраструктуру для обучения и развертывания ML-моделей в Selectel: slc.tl/iylq4
Сегодня мы продолжаем обвешивать разного рода вкусностями наше django приложение в рамках серии роликов Прокачай Свой Джанго проект.
В этом ролике мы посмотрим, как подключить React к Django. А именно:
1. Разработаем небольшое REST API backend приложение с помощью Django REST Framework;
2. Создадим клиентское React приложение;
3. И наладим взаимодействие между ними с помощью библиотеки axios.
Доступно, с минимумом воды и максимумом кода.
📒 Материалы из видео:
✅ Документация Django: docs.djangoproject.com/en/4.1/
✅ Документация React: reactjs.org
✅ Документация Nodejs: nodejs.org/en/
✅ Как Подключить Bootstrap К Django: • Как Подключить Bootstr...
💸 Хочешь поддержать канал: qiwi.com/n/PYLOUNGE (Никнейм QIWI Кошелька - PYLOUNGE)
💰 Donation Alerts:
www.donationalerts.com/r/pylo...
🚀 Социальные сети:
✅ Telegram: t.me/pylounge
✅ Группа ВКонтакте: pylounge
✅ Канал PyLounge:
/ @pylounge
✅ Twitter: / pylounge
✅ Instagram*: / py_lounge
✅ По вопросам сотрудничества и предложений: peoplesdreamer@gmail.ru
✅ Music: www.free-stock-music.com/
👨🏫 Привет! Меня зовут Макс. Я один из авторов канала 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
Разверните инфраструктуру для обучения и развертывания ML-моделей в Selectel: slc.tl/iylq4
Использовать проводник в качестве перемещения по файлам это конечно что новое)))))
Такое огромное количество информации, за 15 минут, это явно талант!
сейчас в вузе начали проектную деятельность в команде и решили использовать стек django + react / react native и твое видео просто находка, спасибо за труд !
Видео в 8:00 для настоящих программистов 😁
Я думал что один так рано проснулся сегодня, а оказывается нет
А кто-то и не ложился😮
Ааааааааааааа, ты мне столько нервов спас. Кучу времени искал способ как это работает, просто списибо тебе.
Спасибо, вспомнил-прослезился)
Хотелось бы похожее по вью, с углубленным вью кодом и расшифровкой его написания)
Спасибо понятно все и доходчиво.
Доброго здравия, Вам, уважаемый автор! Обязательно сделайте видео по ангуляру и вью! Ваш труд неоценим и должен быть рекомендован, как самый адаптивный материал для новичков!
Видос помог очень, спасибо. С Vue точно бы с радостью посмотрел, тоже частый кейс достаточно
С удовольствием посмотрел .
Лайк поставил. Интересно был бы увидеть видео с Angular.
интересна тема django_rest_framework
Оч круто! Без воды, по делу. То, что нужно!
Мега годный контент
это прекраный контент!
В поддержку.
Мне как начинающему фронтендеру было интересно и познавательно посмотреть данное видео. Но, в 2023 на классах в реакт не пишут.
Спасибо, коротко и без воды. Есть вопрос: если я не хочу делать SPA, а только на определенной страницу использовать Реакт? Какая должна быть структура?
С удовольствием бы посмотрел видом по DRF Api
Ну посмотри
13:15 возникла ошибка "no such file or directory". Её можно решить прописав команду "npm install npm -g" . Надеюсь смог кому то помочь
классовые компоненты в React, о которых идет речь в видео, уже deprecated, как бы )
Подскажите, как поступить если нету venv, а есть docker-compose? Проблема в том что не видит ни одного импорта из других директорий
Спасибо, видео очень лаконичное, приятно смотреть! Запилишь что-то с FastAPI и Svelte?
FastAPI в планах, Svelte пока маловероятно
@@pylounge Понял, спасибо! Буду ждать.
Хорошо, а если в настройках джанги прописать порт как у реакта, связка всë ещë будет нужна или он сможет пробрасывать джейсон напрямую?
Интересно как прикрутить Angular js к джанге)
Хотим видос
так, минуточку, пожалуйста.
Node.js типа application сервер? он компилирует и отдаёт фронтенд приложение клиенту?
У клиента javaScript делает api запрос на бэкенд сервер, получает ответ и рендерит данные..? я правильно понимаю что тут происходит?
+ как прикрутить вью или ангуляр ?
Это нейросет читает?
а как развернуть 2 отдельных репозитория, в одном из которых находится backend(Django), а на втором - frontend(React). Как это реализовать так, чтобы они работали в одном домене?
нашел ответ?
А если у меня Django служит не как RestAPI, а оттуда происходит Рендер страницы? Как мне в таком случае ReactJS использовать?
скомпилируй код в js и закинь в Static
Употребление слов россия, закон и защита персональных данных в одном предложении рассмешило. В так, за подачу автору +
ФЗ-152 братан
Я так понимаю есть выбор между шаблонизатором jinja и react?
Не совсем. Если использовать шаблоны джанго, то рендерится данные будут на сервере(страница при переходе по ссылкам будет перезагружаться без вариантов), а с помощью реакт на клиенте(можно запилить spa), в данном случае данные будут лететь с сервера в виде джсона.
А если друг делал реакт у себя и просто скинул все мне, то я смогу как-то соеденить его роботу и свой джанго в 1 проект, чтобы все работало?
Не могу слушать нейросеть
Теперь идём на ФРОНТ!?!?! Автор ты специально, а?
С удовольствием бы посмотрел видом по DRF Api