GraphQL для фронтенд разработчиков

แชร์
ฝัง
  • เผยแพร่เมื่อ 21 พ.ย. 2024

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

  • @stern2936
    @stern2936 2 ปีที่แล้ว +20

    один из лучших учителей что я видел, объясняет максимально доходчиво и разжевано

  • @alexeizuzin
    @alexeizuzin ปีที่แล้ว +4

    Спасибо что показываете только что надо, отбрасывая лишнее. Некоторые авторы уроков: "Сегодня мы изучим тег button. Вначале установим докер..."

  • @Sylar7773
    @Sylar7773 2 ปีที่แล้ว +22

    Мне нереально помогли Ваши уроки, ОГРОМНОЕ спасибо

    • @ДенисГасенко-х2и
      @ДенисГасенко-х2и 2 ปีที่แล้ว +2

      Согласен ) видео по createAsyncThunk меня просто спасло! Качать гения! Теперь смотрю все видосики для общего развития)

  • @EugeneChe-81
    @EugeneChe-81 2 ปีที่แล้ว +20

    Я очень надеюсь на серию видео по графу. Буквально вчера решил таки освоить тему. Михаил очень доходчиво всё рассказывает.

  • @SergiyAntonyuk_PhD
    @SergiyAntonyuk_PhD ปีที่แล้ว +1

    Видио Михаила - отличный обучающий материал.
    Пересматриваю некоторые из них, когда что-то нужно освежить в памяти.
    Огромное спасибо автору за труд.

  • @BlueCell
    @BlueCell 2 ปีที่แล้ว +1

    Очень недооценённый канал по количеству подписчиков и просмотров. Огромное спасибо!

  • @aksenovkirill5191
    @aksenovkirill5191 2 ปีที่แล้ว +4

    Михаил! Вы очень крутой Преподаватель!спасибо за ваши труды! Я уже джун, нашедший первую работу, но ознакомившись с вашим каналом и курсами - принял решение купить ваши курсы по нативному js, react и redux!

  • @enot84js
    @enot84js 5 หลายเดือนก่อน

    Спасибо Вам огромное за хорошо подготовленный материал и понятное объяснение! Успехов!

  • @alexstepanchhuk683
    @alexstepanchhuk683 ปีที่แล้ว +1

    Это очень круто! Объяснено всё супер-доходчиво и без лишней воды. Особенно круто, что начали с простого использования, а не как все с построения своего graphql сервера.

  • @vladimir5434
    @vladimir5434 ปีที่แล้ว

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

  • @alexeyberezin5011
    @alexeyberezin5011 2 ปีที่แล้ว +3

    Хотелось бы еще увидеть видео GraphQL для бэкенд разработчиков

  • @d_r_robot
    @d_r_robot 2 ปีที่แล้ว +2

    Так не хватало этого! Спасибо!!!
    Было бы очень хорошо, если бы это было ещё и про React js.

  • @ОлегПетров-п4у
    @ОлегПетров-п4у 2 ปีที่แล้ว +1

    Спасибо Михаил, доступно и понятно! (GraphQL для фронтенд разработчиков)

  • @zeevnadiv8778
    @zeevnadiv8778 5 หลายเดือนก่อน

    благодарю тебя, дружище!

  • @yaropolkvass6131
    @yaropolkvass6131 ปีที่แล้ว

    Огромное спасибо за материал! Невероятно просто и понятно) И отдельное спасибо за код из ролика!!! Лайк + подписка

  • @RBBoxing
    @RBBoxing ปีที่แล้ว

    Благодарю Михаил GraphQL стал понятнее для меня

  • @iGotton
    @iGotton 2 ปีที่แล้ว +7

    Осталось убедить бекендера, чтобы он это все описал на серве. Делать этого конечно же он не будет..

  • @unknown.6914
    @unknown.6914 7 หลายเดือนก่อน

    Спасибо за урок Михаил

  • @АлександрСкиталец-ц7р
    @АлександрСкиталец-ц7р 2 ปีที่แล้ว +1

    Спасибо за урок был очень познавательный. Хорошо если был бы урок на нативном js. С использованием подписок (subscribe) в graphql.

  • @vladimirmuratov2220
    @vladimirmuratov2220 2 ปีที่แล้ว +4

    Михаил, спасибо. Вы как всегда на высоте!!! 😊
    Просьба: не могли бы вы осветить тему "алгоритмы и структуры данных". Это очень часто спрашивают на собеседовании

  • @sergei_sergeevu4
    @sergei_sergeevu4 2 ปีที่แล้ว +7

    Спасибо вам за видео. Если у вас будет возможность снять видео про работу с React + Apollo, круто было бы если вы показали как работать с кешем.

  • @TigerUnderMoon
    @TigerUnderMoon 2 ปีที่แล้ว +1

    Огонь, спасибо большое !!!

  • @АндрейХмара-р2г
    @АндрейХмара-р2г 7 หลายเดือนก่อน

    Спасибо огромное

  • @NetrodgeN
    @NetrodgeN 2 ปีที่แล้ว +1

    Лайк не глядя, спасибо за контент

  • @MusyaArt
    @MusyaArt 9 หลายเดือนก่อน

    Отличное видео, спасибо🥰

  • @АнтонПетренко-и1ц
    @АнтонПетренко-и1ц ปีที่แล้ว

    Спасибо, классное видео)

  • @from_brest2631
    @from_brest2631 2 ปีที่แล้ว +1

    Круто, как обычно 👍

  • @dmitry2095
    @dmitry2095 2 ปีที่แล้ว +1

    Видео понравилось. Но как реализуются сложные запросы, проверка и защита данных, милдверы?

  • @turbofilmes
    @turbofilmes 2 ปีที่แล้ว +1

    Я ждал этого🤤

  • @vladyslavkravchenko5955
    @vladyslavkravchenko5955 ปีที่แล้ว

    огромное спасибо

  • @SerhiiNesterov
    @SerhiiNesterov ปีที่แล้ว

    Спасибо

  • @emilgerz
    @emilgerz ปีที่แล้ว

    Урок супер. Не совсем понимаю прикол с переменными, зачем они нужны когда есть интерполяция в js?

  • @victormog
    @victormog 2 ปีที่แล้ว +1

    Огромное спасибо!
    P.S. может подскажите, чем MongoDB сервис можно заменить сегодня для разработчика (хотя бы для тестирования)?

    • @mishanep
      @mishanep  2 ปีที่แล้ว +1

      Не изучал эту тему. В моем случае вопрос о замене монги не стоит. В зависимости от задач можно попробовать поиграться с тем что firebase предлагает, либо aws dynamoDB.

    • @victormog
      @victormog 2 ปีที่แล้ว +1

      @@mishanep
      Видимо, Вы не поняли - я о замене сервисов, заблокировавших доступ к своим ресурсам.
      Я понимаю, что Вам сейчас не актуально, но может ещё кто подскажет...

    • @mishanep
      @mishanep  2 ปีที่แล้ว +1

      @@victormog и я о том же) я даже не знаю какие сервисы сейчас заблокированы.

    • @victormog
      @victormog 2 ปีที่แล้ว +1

      @@mishanep
      ☹️

  • @kinafermur
    @kinafermur 2 ปีที่แล้ว

    Было бы интересно посмотреть как создается чат, с комнатами, снимите пожалуйста такой контент

  • @vladimirrezvanov8276
    @vladimirrezvanov8276 2 ปีที่แล้ว +1

    А будет видео по react query?

    • @mishanep
      @mishanep  2 ปีที่แล้ว +2

      Со временем думаю и по нему будет

  • @IT_psychopath
    @IT_psychopath ปีที่แล้ว +2

    чуть поправлю, а то кого на собесе так завалит ваше определение - "что такое GraphQL,". нет, GraphQL вообще ни какого отношения к SQL даже близко не имеет! GraphQL - это стандарт по которому вы можете выстраивать свое общение между приложениями. это скорее замена RestAPI, даже не замена, ибо и это будет не совсем верно. Это дополнение к RestAPI которое расширяет возможности Rest. реализация на разных языках, это не GraphQL, это уже решение которое реализовали по, условно, стандарту GraphQL. вот так более близко к правде. GraphQL, это пример того как можно было бы реализовать общение между приложениями, а не язык запросов и тд..)) его изобрели ибо были проблемы с мобильным приложением, приходило слишком много данных и надо было как-то их ограничить, убрать лишнее. вот тогда и придумали стандарт GraphQL который помог расширить стандартное RestAPI и сужать данные там где оно надо.
    с уважением!

    • @nikolaifedorov685
      @nikolaifedorov685 ปีที่แล้ว

      Это не единственный косяк автора. Он ещё не понял, что для сортировки, нужно указывать поле по которому хочет получить сортировку - и решил, что в api реализована сортировка по умолчанию.

  • @surok143
    @surok143 2 ปีที่แล้ว

    Сортировку попробовал, так и не понял почему у меня не сортируется. Потом увидел что у Вас тоже на видео не сортируется, наверно у API какая-то проблема.
    А так видео шикарное, спасибо.

    • @nikolaifedorov685
      @nikolaifedorov685 ปีที่แล้ว

      Всё проще - у api нет проблем, автор в примере не задал поле по которому нужно сортировать!
      Например вот так:
      "sort": {
      "field": "title",
      "order": "ASC"
      }

  • @muborizDev
    @muborizDev 10 หลายเดือนก่อน

    я одно не понял, откуда тут готовые методы появились (схемы или как их там, updateTodo, createTodo )? Эти схемы не бекенде создаются или на фронте ?

    • @mishanep
      @mishanep  10 หลายเดือนก่อน +1

      На бэкенде. На фронте мы используем GraphQL сервис.

  • @awenn2015
    @awenn2015 ปีที่แล้ว +1

    Тяжеловато на запросы смотреть с мелким шрифтом, по итогу просто слушаешь потому что ничего не видно))

  • @weynemeynen
    @weynemeynen 2 ปีที่แล้ว +1

    Почему в этот раз todos не на любимом React? Это для следующего видео!

  • @ITentrepreneur
    @ITentrepreneur 2 ปีที่แล้ว +1

    Слишком мелкий шрифт, со зрением -1 испытывал трудности при ознакомлении

  • @many_men
    @many_men 2 ปีที่แล้ว

    Добрый день! Такой вопрос: я джуниор фронтенд разработчик. Мне дали задание сделать фильтрацию данных. Получается на бэке они подняли это и мне надо сделать так чтоб при клике или вводе в инпут данных приходили данные совподающие с тем что ввел пользователь. И реализовать это все с помощью query. А вопрос в том уровень ли это джуниора?
    Потому что у меня даже идеи нет как это сделать

    • @mishanep
      @mishanep  2 ปีที่แล้ว +1

      В graphql playground должна быть схема доступных действий над данными, включая фильтрацию, если она есть. Вам нужно сначала в плейграунде добиться желаемого результата, потом можно смело на фронтенде внедрять полученный query. Касаемо уровня задания для разработчика - здесь в каждой компании свои требования. Если на проекте используется GraphQL, вероятно, от разработчиков любого уровня будут ожидать соответствующие знания или же рвение к их изучению. Задавайте вопросы коллегам, не стесняйтесь.

  • @vvg1077
    @vvg1077 2 ปีที่แล้ว

    Apollo next?

  • @samurai5410
    @samurai5410 2 ปีที่แล้ว +1

    Добрый день, Михаил! Немного не по теме видео вопрос, но т.к. оно сейчас самое актуальное, задам здесь
    Искал у вас на канале, но так и не нашёл видео по веб сокетам, не планируете ли вы выпустить видео по ним?

    • @mishanep
      @mishanep  2 ปีที่แล้ว +1

      Приветствую!
      В ближайших планах не было. Но столько людей про сокеты спрашивает, что видать не отвертеться)))

  • @Алексей-т2х8й
    @Алексей-т2х8й 2 ปีที่แล้ว

    +

  • @techno7761
    @techno7761 6 หลายเดือนก่อน

    Братан, ты что, колхозник?
    Ну какое на хрен "АПИ"?

  • @Алексей-ш8э3л
    @Алексей-ш8э3л ปีที่แล้ว

    А что есть GraphQL для серверной разработки?

    • @mishanep
      @mishanep  ปีที่แล้ว +1

      Есть серверная часть, когда надо писать резолверы. По сути, промежуточная между базой данных и фронтендом. Хотя нередко эту работу тоже делают фронты =)

    • @Алексей-ш8э3л
      @Алексей-ш8э3л ปีที่แล้ว

      @@mishanep Спасибо за оперативный ответ! Скажите пожалуйста, я немного запутался.
      1) Есть библиотека Apollo. Как я понял, именно она подразделяется на клиентскую и серверную часть. Можете кратко, в двух словах расписать, за что отвечает клиентская, а за что серверная.
      2) Если использовать Apollo, значит ли это что не нужно развёртывать сервер на nodejs или на express?
      3) На чём создаются API? Можно их создавать на node, express. А можно ли на Apollo
      4) Не совсем понятно зачем создавать API если используешь GraphQL. Он же может напрямую работать с файлом json, который будет лежать на сервере...
      Очень прошу разъяснить!

    • @mishanep
      @mishanep  ปีที่แล้ว +1

      Ох. Здесь всё может быть как очень просто, так и чертовски запутанно.
      Например, если у вас есть сайт на WordPress и вы хотите использовать его как бэкенд, и написать свой фронтенд на Реакте, то серверный GraphQL решится путем установки плагина (к слову, Apollo - не единственный вариант, и это фреймворк, в простых случаях можно и без него).
      А могут быть сложные кейсы, как в моем случае))) У нас есть бэкенд, который по API отдает данные, а есть прослойка на NodeJS, которая, грубо говоря, трансформирует REST API в Graphql. Собственно, сервер обыкновенно требуется, это не обязательно NodeJS. Express при этом не обязателен.
      Серверная часть отвечает за подготовку данных (получать она их может как напрямую через базу данных, так и через посредников, вроде REST API), а клиентская за конкретные запросы с уточнением, что именно требуется получить для последующей логики в браузере.

  • @kirillguryanov4925
    @kirillguryanov4925 ปีที่แล้ว +1

    в следующий раз покрупнее бы код сделать хорошо было

  • @alsua1297
    @alsua1297 10 หลายเดือนก่อน

    спасибо