Пишем React-приложение используя Apollo Client и GraphQL SpaceX API

Скидка на все курсы нашей школы loftschool.com/courses-map/?p... по промокоду loftblog-youtube
Пошаговое руководство по использованию GraphQL в React-приложении. За основу возьмем публичный API компании SpaceX и Apollo GraphQL Client. Разберем как автоматически генерировать TypeScript типы и хуки для компонентов и получим данные о последних запусках SpaceX и научимся обновлять информацию по интервалу.
Этот ролик будет полезен как начинающим фронтенд-разработчикам, которые хотят разобраться как применяется GraphQL API на практике, так и опытным специалистам, которые также могут почерпнуть для себя полезную информацию по автоматизации разработки приложений с GraphQL
_____________________
Исходный код github.com/murashow/react-gra...
Попробовать приложение murashow.github.io/react-grap...
CRA (Create React App) create-react-app.dev/
GraphQL graphql.org/
Apollo Client www.apollographql.com/apollo-...
GraphQL Code Generator www.the-guild.dev/graphql/cod...
Автор / makar-murashov

[@udaff2004]

Приятно слушать четкую речь без эканий, мэканий и слов паразитов. Больше контента, Макар!

[@axel-11]

Ударения всё-таки режут слух. Преттиер, аполло... А эта эс-эр-ка директория, хейт вместо хайт, ух бля ух бля! А этот звук на 18:24? Вообще убил. Подписался бы на канал уже только из-за него

[@user-jy3gs9zn4c]

Спасибо большое за полезное и информативное видео! Всё по существу, лаконично и профессионально) Приятно смотреть такой контент)

[@user-fq7zt2ey7s]

спасибо, очень полезное видео!

[@zakharsenenkov4459]

Спасибо за полезную информацию!

[@deriirostyslav2335]

Брат ты космос!

[@user-qj2yg1rn3j]

молодцом!

[@cybersystem5137]

За SAS и бэм - лайк авансом )) Когда-то меня заставили так писать и теперь меня тошнит от любого другого написания. Даже если это бэм, но вместо поджопников используются минусы 😆 графкуэль я использовал впервые 4 года назад примерно, тогда инфа была в основном на английском, а на руском переводы или обрывки. Никаких доп примочек, никаких дев тулзов для него, никаких дроблений на компоненты )) TS, кстати, нифига не маст хев на самом деле - можно без него. Остальное показалось интересным, сохранил даже видос себе, как мини-гайд на будущее ) Просто эта штука не то чтобы очень популярна даже сейчас. Прикол в том, что она очень сильно повышает производительность и облегчает работу только в одном случае: если ее правильно приготовить, а это не так легко, когда видишь его первый раз в жизни )) Я вот на фронте смог приготовить правильно только со второго раза его. И приложуха сильно полетела, что аж техлида вжало в кресло и он не сдержал свое восхищение в рабочем чате 😆

[@freedom_twin]

Всем доброго времени суток. Откуда берется файл schema.graphql для проекта?

[@vladimir_fomin90]

интересно файл стилей sass, а стиль написания scss с точкой запятой

[@SYVlive]

длинную строчку с установкой code generate не оставили в комментах((

[@akeinhell]

"скема" - спасибо, учитель

[@user-tj8yn5tl2h]

не чего особеного

[@user-ex4cp5wz1q]

Зачем столько верстки в видео, которое рассказывает о GraphQL? Почему не подготовить шаблон с версткой до записи видео или и вовсе обойтись без стилей? Зачем зрителям тратить время на просмотр того, как вы стилизуете кнопку?
Люди, которые переходят на это видео, с вероятностью в 99% хотят разобраться с GraphQL и в данном случае приходится собирать информацию по частям. Если вы хотите учить верстке, то называйте видео правильно и добавляйте sass в название.
А совет автору - подтянуть английский. Потому что так запариться над монтажем видео, над крутым звуком и называть SCR как сэ-ка-эр, ну это позор извините

[@helplrewerse2925]

npm i -D @graphql-codegen/cli @graphql-codegen/near-operation-file-preset @graphql-codegen/typescript @graphql-codegen/typescript-operations @graphql-codegen/typescript-react-apollo

[@freedom_twin]

Спасибо добрый человек)