Как связать Бэкенд и Фронтенд? Разработка ASP.NET Core + React

แชร์
ฝัง
  • เผยแพร่เมื่อ 22 พ.ค. 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 - Конец

ความคิดเห็น • 33

  • @KirillSachkov
    @KirillSachkov  14 วันที่ผ่านมา +2

    Мой телеграм канал, где много полезной инфы + код с видео - t.me/sachkov_blog

  • @mv.mmaksm
    @mv.mmaksm 14 วันที่ผ่านมา +17

    Сделай серию видео по созданию backend asp net core web api на чистой архитектуре + БД + docker. И разбери все подробненько, где, что зачем и почему используется, как с БД работать, как в контейнерах все это запустить, чтобы оно работало. Посмотрел пару видео про чистую архитектуру, очень интересно, но очень как-то поверхностно

    • @reezleencs6044
      @reezleencs6044 13 วันที่ผ่านมา

      +++

    • @jpws9892
      @jpws9892 12 วันที่ผ่านมา +1

      ++ Еще хотелось бы про кеширование что-то

    • @mv.mmaksm
      @mv.mmaksm 12 วันที่ผ่านมา

      @@jpws9892 и про аутентификацию и токены

    • @andreyberkov1
      @andreyberkov1 9 วันที่ผ่านมา

      +++ да, хотелось бы такое видео, более подробно

  • @Ksushadik
    @Ksushadik 4 วันที่ผ่านมา +1

    Выпусти пожалуйста ролик, подробно описывающий работу с Docker. За труды - огромное спасибо и респект

  • @vladkoval1425
    @vladkoval1425 13 วันที่ผ่านมา +4

    Выпуск топ!
    Однозначно за выпуск видоса с докеров
    Спасибо

  • @Easycore2000
    @Easycore2000 11 วันที่ผ่านมา +1

    Отличный выпуск, ждём про докер!

  • @user-hs3tk5pv2m
    @user-hs3tk5pv2m 14 วันที่ผ่านมา +2

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

  • @julik_r
    @julik_r 14 วันที่ผ่านมา +2

    Ждала такое видео, спасибо ❤

  • @user-gn1qc5ou1j
    @user-gn1qc5ou1j 14 วันที่ผ่านมา +1

    Очень круто!! Однозначно за выпуск видоса с докеров

  • @riten5306
    @riten5306 14 วันที่ผ่านมา +1

    Спасибо за контент, жду видео по докеру)))

  • @playvirtul5588
    @playvirtul5588 14 วันที่ผ่านมา +2

    То что надо вообще, спасибо

  • @Ksushadik
    @Ksushadik 4 วันที่ผ่านมา +1

    Dependency Injection тоже важная тема. Просим, разбери её плиз. Заранее спасибо

  • @nouchance
    @nouchance 14 วันที่ผ่านมา +2

    СПАСИБО!!

  • @KirillSachkov
    @KirillSachkov  14 วันที่ผ่านมา +2

    Когда началась часть про фронтенд, случайно первые секунд 30 на монтаже пострадали, там я захожу на сайт с Vite и ввожу команду для создания проекта, в телеграмме выложу этот отрывок

  • @proger2396
    @proger2396 14 วันที่ผ่านมา +4

    Пж сделай видел про dependency injection

  • @user-bb2ho4ip8t
    @user-bb2ho4ip8t 14 วันที่ผ่านมา +2

    Docker и RabbitMQ с Mass Transit было бы интересно посмотреть

  • @montecristo31
    @montecristo31 12 วันที่ผ่านมา +1

    Хотел бы увидеть больше контент про EFCORE и вообще-м работы с бд. Например, мне как челику который знаю .netcore только по твоим роликам, мне совсем понятно как работать условно с миграциями, data annotation, linq, и отношениями. Еще не понятно, например, как работать с бд особленно от asp net core, потому что помню что там надо указывать startup project. И наверное что для меня самое важно, это работа с dotnet cli, потому что многие вещи отличаются в vs / rider, и хотелось бы увидеть больше именно работы в консоли.

    • @montecristo31
      @montecristo31 12 วันที่ผ่านมา +1

      Немного сторону, но мне как человеку который изучаю бэкэнд, и еще не было реальных проектов, хотелось бы увидеть как все строить на проде, например, как правильно и безопасно бэкапить postgresql, как например правильно проводить обновления и тд.

  • @_vl_6386
    @_vl_6386 14 วันที่ผ่านมา +2

    Кирилл, у тебя крутой контент, от ролика к ролику только лучше становится, спасибо тебе за него. Мог бы ты подсказать, где поизучать основы фронтенда человеку который все время посвящал изучению бэка и к фронту раньше даже не притрагивался? А то, у тебя в роликах, по части бэка, я все понимаю и иногда узнаю что-то новое, но, как дело доходит до фронта, совсем перестаю понимать

    • @KirillSachkov
      @KirillSachkov  14 วันที่ผ่านมา +1

      Для начала нужно изучить основы js. Потом открывай доку react новую и там есть замечательный пошаговый гайд, как и что работает и урок для практики. Ну и просто на ютубе посмотри курсы по реакту, этого будет достаточно, ну и конечно же практика

  • @user-ru5vv4ne2v
    @user-ru5vv4ne2v 14 วันที่ผ่านมา +1

    Привет! Спасибо за интересное и познавательное видео. Хотел бы задать уточняющий вопрос про создание таблицы с заметками. В какой момент она создалась без миграций? В момент создания базы?

    • @KirillSachkov
      @KirillSachkov  14 วันที่ผ่านมา

      Когда я вызвал метод Database.EnsureCreated, почитай про него

    • @user-ru5vv4ne2v
      @user-ru5vv4ne2v 14 วันที่ผ่านมา

      @@KirillSachkov разобрался как это работает)) Если базы нет, то он ее создаст со всеми таблицами. Его стоит использовать, если уверен что в будущем база данных не изменится и не надо будет накатывать миграции.

  • @user-ps5bt1dz4i
    @user-ps5bt1dz4i 12 วันที่ผ่านมา +1

    Не понятно где должно находится приложение react при разворачивании. Пользователь вводит адрес сайта и как он должен получить первую страницу ? Asp и react приложение на разных серверах ?

    • @KirillSachkov
      @KirillSachkov  11 วันที่ผ่านมา

      Можно и на одном сервере, просто у них разные адреса

  • @user-tq4vh9df1c
    @user-tq4vh9df1c 10 วันที่ผ่านมา +1

    Правильно понимаю, что Razor pages не используются на работе и фронтенд - это отдельная часть приложения, которая связывается с бекенд , но живет отдельно , в отличие от тех же razor pages , которые находятся внутри проекта? Или это зависит от места работы?

    • @KirillSachkov
      @KirillSachkov  10 วันที่ผ่านมา

      Чаще всего фронтенд это отдельное приложение на js и с каким-нибудь фреймворком типа React, Vue. Razor очень редко используется

    • @user-tq4vh9df1c
      @user-tq4vh9df1c 10 วันที่ผ่านมา

      @@KirillSachkov хорошо спасибо

    • @andreyberkov1
      @andreyberkov1 10 วันที่ผ่านมา

      @@KirillSachkov а как все-таки запустить реакт в cshtml?. Например есть уже какойто проект сделанный в Razor и хотелось бы добавить компоненты React. Это можно сделать?

    • @KirillSachkov
      @KirillSachkov  9 วันที่ผ่านมา

      @@andreyberkov1 Вроде да, но я не пробовал