Django API + React Js фронтенд [часть 2]

👨‍💻В этом видео прикрутим ReactJS фронтенд приложение к нашему API, сделаем нужные компоненты для дальнейшей работы и протестируем то что получилось. Для разработки нам понадобиться поставить на машину редактор [VISUAL STUDIO CODE] и среду для выполнения Javascript [NODE JS]. В процессе будет показано как соединить фронтенд и бэкенд части нашего проекта, гоу смотреть видео!

⚡Это видео вторая часть моего мини-курса по python-fullstack разработке.
⚡ В процессе разработки будут использованы языки python и javascript и такие фреймворки как DJANGO, REACTJS, REDUX. Курс будет состоять из нескольких видео, и в конце курса у нас будет полноценное законченное приложение лист задач(TODO LIST).

🔥Где найти меня в сети?🔥

🔻Видео о том как круто

#Python #Django #ReactJs #пашаайти #pashaIT

[Devilface]

Чел, я никогда не пишу коменты. Но эти 3 видео по связке реакта и джанго лучшее что есть в ру ютубе. Спасибо тебе.

[pincode]

Зашло! Так, теперь бы третью часть с таким же темпом

[betterwe]

что-то вся музыка очень знакома, как будто у какого-то it блогера играли эти а видос збс!) Паш не пропадай) Поставил колокольчик) и жду новых видео!))

[artur.tokranov]

Топовые уроки, просто лучшие! Спасибо большое!

[dariaemerald]

Начало видоса - огонь, как и сам видос!

[alicelews]

10/10, спасибо
Единственное - кто смотрит в 2021, в файле package.json --output надо заменить на --output-path

[komoliddintashmetov]

Спасибо за видео. У меня есть вопрос почем не использовать уже готовый пред проект npx create- react -app. спасибо за ответ

[bloodraven]

Ошибка при сборке webpack и проблема с отсутствием React компонентов на странице решатся внесением изменений:

"scripts": {
"dev": "webpack --mode development ./frontend/src/index.js --output ./frontend/static/frontend/main.js",
"build": "webpack --mode production ./frontend/src/index.js --output
},

[!!!] Если заменить только --output на --output-path, то webpack, при сборке будет создавать файл main.js и папке: main.js/main.js
на 05.11.2022 должно быть так:

"scripts": {
"dev": "webpack --mode development ./frontend/src/index.js --output-path ./frontend/static/frontend",
"build": "webpack --mode production ./frontend/src/index.js --output-path ./frontend/static/frontend"
},

[AndreyBaranov]

Если Django отдает 404, то в файле поменяйте строку <script src="{% static 'frontend/main.js' %}"></script> на <script src="{% static 'frontend/main.js/main.js' %}"></script>

[hhhi]

Не проще ли было использовать React-Bootstrap, чем писать на html.

[kinzarra]

Паша, круто! Емко, понятно! Вебпаку отдельное внимание 😂

[adletibraimov]

не легче ли просто npx использовать и все за раз скачать? ( я новичок и впервые вижу чтобы так создавали в ручную)

[ThePickUper]

Делал все как в видео, в итоге не смог собрать вебпак все.
Module not found: Error: Can't resolve in

[artservice]

Все это логично выглядит разделение на фронт и бэк. Но я как начинающий web-разработчик на Django смотрю вот и думаю: это сколько же работы добавляется прежде чем начнёшь реально отмечать пунктики в ТЗ. Я хочу осваивать новое, но пока не врубаюсь, где здесь упрощение работы? В джанге работы меньше не станет, там ещё всегда плюсом надо frontend приложение создавать со своей начинкой. Пока фронт ставишь и настраиваешь - все шаблоны руками отрисуешь, да и с SEO вопросов не будет, страницы быстрее отрисуются без лишнего парсинга и скрипты со стилями в шаблонах укажешь только необходимые для этой страницы. Где тут выгода и как ее сравнить? Может я что-то упустил и поэтому не увидел привлекательности для разработки типичных сайтов?

[ОлегБахтадзе-Карнаухов]

А чё не Vue, у Vue реально ниже порог входа. И под скоростную разработку он больше подходит

[navnav]

Реакт? А джанго-манго? Тут только питонский учу, хопа и реакт)

[codebilityinc]

Страшно тебе? Видим твой код на сквозь! Надо на собеседовании использовать цитатку!