Стыкуем React + Node.js. Пишем приложение файловый менеджер, фронт react.js, бек - node.js

Поділитися
Вставка
  • Опубліковано 26 вер 2024

КОМЕНТАРІ • 66

  • @os743
    @os743 10 місяців тому

    Ну дууууже цікаве, корисне та зрозуміле відео, дякую автору за такий контент!!!

  • @arturmavlidov247
    @arturmavlidov247 2 роки тому +4

    Спасибо! Давай больше реакта

  • @GreatVolcano
    @GreatVolcano 2 роки тому +4

    Топ контент. Побольше бы видосов с mern стеком

  • @dmitryeneier3449
    @dmitryeneier3449 Рік тому +2

    require('./routes')(app) - первый раз вижу такое чудо с роутами. Пример нормального подключения роутов это - app.use('/api', router). Где этот самый роутер мы создаем используя функцию new Router и в индекс файл в папке роутер мы сливаем все роуты с разных направлений.

  • @webdevparadise4452
    @webdevparadise4452 2 роки тому +1

    Жемчужина! Спасибо, Алекс. Мне бы больше Реакта, еще и еще. Спасибо.

  • @SychMedia
    @SychMedia 2 роки тому

    Видел похожее видео на другом канале, но там больше про стэк мерн было, т.е. ещё всякие уходящие в сторону вещи, а тут прям минимально и то что надо - взаимодействие фронта с бэком. Спасибо большое за видео!

  • @_andrii_1292
    @_andrii_1292 2 роки тому

    Да нужно продолжать!!! Ждем больше таких видео.

  • @serjdenisov2114
    @serjdenisov2114 2 роки тому

    Спасибо за понятное объяснение.
    Жду продолжения!!!

  • @mikaelgevorgyan4521
    @mikaelgevorgyan4521 2 роки тому +10

    Вот про такое не где почти нету=)), ещё и на vue.js будет супер

    • @СергійТкачук-к5ы
      @СергійТкачук-к5ы 2 роки тому +3

      ULbi TV - качество контента куда лучше

    • @mikaelgevorgyan4521
      @mikaelgevorgyan4521 2 роки тому

      @@СергійТкачук-к5ы 0o0

    • @alexperemey6046
      @alexperemey6046 2 роки тому +1

      Взаимодействие фронта и бекенда от выбора фронтенд-фреймворка не меняется. Написать формочки на vue вместо формочек на реакте - достаточно изучить любой из курсов по vue формочкам. На работу с бекендом и стыковку фронтенда и бекенда vue никак не влияет.

    • @mikaelgevorgyan4521
      @mikaelgevorgyan4521 2 роки тому

      @@alexperemey6046 с нодай как тогда о0о?

  • @tracer4278
    @tracer4278 2 роки тому

    ТОП КОНТЕНТ!
    Больше ноды пожалуйста!!!!!!!!!

  • @yunus737
    @yunus737 2 роки тому +3

    Спасибо вам учитель :)

  • @gektor0138
    @gektor0138 2 роки тому

    Интересно было смотреть. Хотелось бы глянуть на реализацию скачивания. Спасибо за материал!

  • @denissavast
    @denissavast 2 роки тому +1

    Благодарю Вас за информацию!

  • @bakdoolot
    @bakdoolot 2 роки тому

    Очень во время записали! Спасибо

  • @svitlana6420
    @svitlana6420 2 роки тому

    Thanks a lot! You are a real teacher, great explanation!

  • @yevhenchernov2236
    @yevhenchernov2236 2 роки тому +1

    Спасибо! Хорошо бы где-то ссылку на материалы урока. Хочется повторить за учителем, а внесение вручную с экрана файлов вроде css имеет малую практическую ценность :-)
    А в качестве идеи неплохо было бы добавить сюда загрузку файлов на сервер. Еще круче - с возможностью возобновления при разрыве.

  • @bohdanyeinikov1649
    @bohdanyeinikov1649 2 роки тому

    Спасибо, объяснил пару крутых вещей =))

  • @TheBorninmotion
    @TheBorninmotion 2 роки тому +3

    Александр пилите контент с vue , обидно что обделяете )

  • @tuku_mann
    @tuku_mann 2 роки тому

    Дада, нужно продолжать

  • @GunaevVO
    @GunaevVO 2 роки тому

    Спасибо за такие уроки!

  • @BrestSouth
    @BrestSouth 2 роки тому

    Спасибо. Очень интересно и познавательно.

  • @cooliquid
    @cooliquid 2 роки тому

    29:30 - Благодарю, лайк.

  • @NoName-ih6sf
    @NoName-ih6sf 2 роки тому

    Спасибо за контент!

  • @ВикторСорокин-ъ3р
    @ВикторСорокин-ъ3р 2 роки тому

    Алексей, спасибо.

  • @CrazyTVnet
    @CrazyTVnet 2 роки тому

    У вас лучшие видео!

  • @insomniad2317
    @insomniad2317 2 роки тому

    шикарно 💣

  • @vladork3032
    @vladork3032 2 роки тому +7

    Не подскажите как лучше сохранять фото с помощью node.js в mongoose?
    Вижу много решений в base64, то тогда сильно ли нагружаться бд будет и заполняться?
    Или хранить все фото на сервере, но тогда много памяти будет на это уходить?
    Не подскажите какие-то решения рациональные?

    • @ii3246
      @ii3246 2 роки тому +2

      в большинстве случаев в базе фалы не рекомендуется хранить. если у вас нет прямой зависимости для хранения там данных (картинок), то не стоит этого делать. базу данных надо выбрать под задачи. как и хранение там фалов. если у вас к примеру галерея, тогда у вас будет гора запросов к базе и тд.. что может гипер сильно замедлить все. чаще картинки и фалы хранят в базе в том случае, когда надо точно знать что к примеру карточка студента существует, ибо без фото ее будет не создать. чаще хранят в бинарном виде. как хранить. это уже дело второе. просто на пустом месте сказать что в base64 хранить картинки лучше, это очень не профессиональный совет... все зависит от проекта и требований к данным. храните в каком вам удобно. не существует единого правила. база всегда будет дороже дискового пространства! дешевле, естественно на диске хранить а не в базе. а если надо гарантии что оно есть, то в базе. но это на много дороже по ресурсу, запросы к базе далеко не дешевое удовольствие.

  • @akramyuldoshev4889
    @akramyuldoshev4889 2 роки тому

    спасиба вам за информацию

  • @nikitabrodel
    @nikitabrodel 2 роки тому +1

    пишу то же самое только с тайпскриптом, какой тип нужно дать event при клике на хендлер?

  • @dimaos3470
    @dimaos3470 2 роки тому

    Круто !

  • @ИгорьЛатуха
    @ИгорьЛатуха 2 роки тому

    React фронт - Django бэк было бы интересно

  • @nbjk9328
    @nbjk9328 2 роки тому

    «Сначала мы формируем наши здания, а потом наши здания формируют нас», - выгравировано на черной мраморной плите рядом
    с входной дверью клуба The Battery в деловом центре Сан-Франциско.

  • @Werma2006
    @Werma2006 2 роки тому

    замечательно

  • @alex1cspb
    @alex1cspb 2 роки тому

    Спасибо

  • @Rohan-Sensei
    @Rohan-Sensei 11 місяців тому

    У меня такой вопрос, можно ли в проекте react добавить папку скажем server/backend, и добавлять папки/файлы связанные с серверной частью, а в остальном писать фронт. Я только начал изучать node.js и не понимаю почему везде на ютубе создают отдельный пустой проект, а не проект на React?

  • @vadim_matsul
    @vadim_matsul Рік тому

    Хороший урок, но как потом deploy приложение, если package.json в двух разных файлах

  • @sergeysharapov5945
    @sergeysharapov5945 2 роки тому

    а как же теперь сделать открытие файлов на фронтенде или хотя бы их скачивание ?

  • @YanatoCherizhosa
    @YanatoCherizhosa 2 роки тому

    Голос немного напоминает актёра озвучания, который в игре Civilization 4 технологии озвучивал.

    • @YanatoCherizhosa
      @YanatoCherizhosa 2 роки тому

      А для России я так понимаю закрыли дверь на курсы) Ладно, VPN мне в помощь~

  • @DamedParadis
    @DamedParadis 2 роки тому +1

    Александр, перед Новым годом не планируется распродажа курсов?) (скидки, в смысле)

    • @ihatetoys1528
      @ihatetoys1528 2 роки тому +3

      Не смешите. Цены даром

  • @stormd2902
    @stormd2902 2 роки тому

    А какой же ещё более мощный редактор есть кроме VS Code? )

  • @IlyaCasper
    @IlyaCasper 2 роки тому +1

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

  • @sergeykhairulin
    @sergeykhairulin 2 роки тому

    Как добавить условие по которому дивка с Level Up не будет отображаться в корневом каталоге ?
    идея появилась с дисплей нон по условию, но хотелось бы вообще не добавлять ее, если это не надо, а не скрывать.

  • @borismoskalyuk2304
    @borismoskalyuk2304 2 роки тому

    конечно продолжение фулстека мало контента

  • @nataliavardazaryan3981
    @nataliavardazaryan3981 2 роки тому

    Когда пишу node .\server.js --> module not found. Удаляла node_modules, package-lock.json, делала npm install. Ничего не помогло. Что делать? :)

  • @Qwertyqwerty-tq3we
    @Qwertyqwerty-tq3we 2 роки тому

    🔥🔥🔥

  • @akramyuldoshev4889
    @akramyuldoshev4889 2 роки тому

    Adobe Dreamweaver CC 2017 хароший редактор!!

  • @alexperemey6046
    @alexperemey6046 2 роки тому

    Странный вопрос насчет редакторов кода и не менее странный ответ. VSCode благодаря интеграции плагинов является полноценной средой разработки под node.js и фронтенд. Никакой другой редактор ничего тут не добавит.

  • @Ninada_O_o
    @Ninada_O_o 2 роки тому

    Жаль ресурсы не прикрепили (стили), с 37 минуты уже расхождение из за отсутствующих стилей. И как жить(((
    Но спасибо за видео, крайне интересно было смотреть 👍

    • @itgid
      @itgid  2 роки тому +1

      Ресурсы в телеграм канале

    • @Ninada_O_o
      @Ninada_O_o 2 роки тому

      @@itgid лучший

    • @igormaksymiv113
      @igormaksymiv113 Рік тому

      да там самому застилизировать две минуты)

  • @kitawa-z7b
    @kitawa-z7b 2 роки тому

    Красиво, но подходы старые используются

  • @generalnevermore706
    @generalnevermore706 2 роки тому

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

    • @BorysOliinyk
      @BorysOliinyk 2 роки тому

      Да, спокойно можно сделать на python + django. Только django для такого проекта это как с пушки по воробьям, я бы выбрал flask

  • @fatalist4446
    @fatalist4446 2 роки тому

    зачем придумывать опять FTP? или я пока не понял где и когда такое надо использовать

  • @sergeipro3642
    @sergeipro3642 2 роки тому +1

    Ура! Наконец-то 100к подписчиков! Поздравляю с кнопкой и спасибо за уроки!

  • @antonshtihov7662
    @antonshtihov7662 2 роки тому

    Где скопировать стили?

    • @itgid
      @itgid  2 роки тому

      Ссылка на телеграм канал под видео. Там выложено