ASP.NET Core + React веб-приложение | Как связать Бэкенд и Фронтенд?
ฝัง
- เผยแพร่เมื่อ 23 มิ.ย. 2024
- Источник кода можно посмотреть в моём телеграм канале - t.me/sachkov_blog
Открытый бесплатный урок на бусти на тему валидации - boosty.to/sachkov/posts/b97eb...
✅ Подписаться на Telegram: t.me/sachkov_blog
✅ Поддержать денежкой: boosty.to/sachkov/donate
00:00 - План на видео
03:00 - Создание проекта asp net core
05:00 - Создаю контроллер заметок
06:05 - Создание класса Note
07:50 - Добавляю EF Core
09:50 - Создание заметки
13:30 - Получение заметок с фильтрацией и сортировкой
26:00 - Подключаю postgresql в докере
33:10 - Начинаем делать фронтенд
34:00 - Установки библиотек на фронтенд
38:00 - Верстаем страницу с заметками
46:50 - Получение заметок с бэкенда
51:40 - CORS - решение проблемы
55:00 - Хук useState
57:00 - Пропсы
1:00:20 - Добавляем фильтры и сортировку
1:00:20 - Создание заметки
1:07:00 - Конец
Мой телеграм канал, где много полезной инфы + код с видео - t.me/sachkov_blog
Сделай серию видео по созданию backend asp net core web api на чистой архитектуре + БД + docker. И разбери все подробненько, где, что зачем и почему используется, как с БД работать, как в контейнерах все это запустить, чтобы оно работало. Посмотрел пару видео про чистую архитектуру, очень интересно, но очень как-то поверхностно
+++
++ Еще хотелось бы про кеширование что-то
@@jpws9892 и про аутентификацию и токены
+++ да, хотелось бы такое видео, более подробно
++
Выпуск топ!
Однозначно за выпуск видоса с докеров
Спасибо
Туториал топ, были траблы в связке фронта и бека) Спасибо!
Выпусти пожалуйста ролик, подробно описывающий работу с Docker. За труды - огромное спасибо и респект
Огромное спасибо! На русском языке вообще не смог найти аналогичного по содержанию видеоурока, так что это однозначно уникальный контент
Спасибо за видео. Интересно было бы посмотреть как это приложение задеплоиить на хостинг.
Когда началась часть про фронтенд, случайно первые секунд 30 на монтаже пострадали, там я захожу на сайт с Vite и ввожу команду для создания проекта, в телеграмме выложу этот отрывок
Очень круто!! Однозначно за выпуск видоса с докеров
Спасибо за контент, жду видео по докеру)))
Ждала такое видео, спасибо ❤
Отличный выпуск, ждём про докер!
Хотел бы увидеть больше контент про EFCORE и вообще-м работы с бд. Например, мне как челику который знаю .netcore только по твоим роликам, мне совсем понятно как работать условно с миграциями, data annotation, linq, и отношениями. Еще не понятно, например, как работать с бд особленно от asp net core, потому что помню что там надо указывать startup project. И наверное что для меня самое важно, это работа с dotnet cli, потому что многие вещи отличаются в vs / rider, и хотелось бы увидеть больше именно работы в консоли.
Немного сторону, но мне как человеку который изучаю бэкэнд, и еще не было реальных проектов, хотелось бы увидеть как все строить на проде, например, как правильно и безопасно бэкапить postgresql, как например правильно проводить обновления и тд.
То что надо вообще, спасибо
Пж сделай видел про dependency injection
Кирилл, у тебя крутой контент, от ролика к ролику только лучше становится, спасибо тебе за него. Мог бы ты подсказать, где поизучать основы фронтенда человеку который все время посвящал изучению бэка и к фронту раньше даже не притрагивался? А то, у тебя в роликах, по части бэка, я все понимаю и иногда узнаю что-то новое, но, как дело доходит до фронта, совсем перестаю понимать
Для начала нужно изучить основы js. Потом открывай доку react новую и там есть замечательный пошаговый гайд, как и что работает и урок для практики. Ну и просто на ютубе посмотри курсы по реакту, этого будет достаточно, ну и конечно же практика
СПАСИБО!!
Docker и RabbitMQ с Mass Transit было бы интересно посмотреть
если будут видео с React еще то покажи как делать отладку кода React, пжлста!
Dependency Injection тоже важная тема. Просим, разбери её плиз. Заранее спасибо
Привет, а сколько тебе лет?
(ты так много знаешь и при этом так молодо выглядишь)
21
Привет! Спасибо за интересное и познавательное видео. Хотел бы задать уточняющий вопрос про создание таблицы с заметками. В какой момент она создалась без миграций? В момент создания базы?
Когда я вызвал метод Database.EnsureCreated, почитай про него
@@KirillSachkov разобрался как это работает)) Если базы нет, то он ее создаст со всеми таблицами. Его стоит использовать, если уверен что в будущем база данных не изменится и не надо будет накатывать миграции.
Какая использовалась рисовалка вначале видео?
excalidraw
Не понятно где должно находится приложение react при разворачивании. Пользователь вводит адрес сайта и как он должен получить первую страницу ? Asp и react приложение на разных серверах ?
Можно и на одном сервере, просто у них разные адреса
Правильно понимаю, что Razor pages не используются на работе и фронтенд - это отдельная часть приложения, которая связывается с бекенд , но живет отдельно , в отличие от тех же razor pages , которые находятся внутри проекта? Или это зависит от места работы?
Чаще всего фронтенд это отдельное приложение на js и с каким-нибудь фреймворком типа React, Vue. Razor очень редко используется
@@KirillSachkov хорошо спасибо
@@KirillSachkov а как все-таки запустить реакт в cshtml?. Например есть уже какойто проект сделанный в Razor и хотелось бы добавить компоненты React. Это можно сделать?
@@andreyberkov1 Вроде да, но я не пробовал
Что за тема оформления VS Code и иконок?
resharper dark/nigth
Material Icon Theme иконки
Пишу микросервис по автозапчастям. На русскоязычных сайтах я заметил что , путь к ресурсам в URL описаны русскими словами. Пример ".../maslyanye-nasosy-i-detali-k-nim/"
В коммерции так можно делать?
Нет, так делать не стоит