Практичний курс по React + GraphQL. Частина 2 - створення проєкту, налаштування MaterialUI шаблону
Опубліковано: 2 трав. 2022 р.
Підписатися
Вітаю на практичному курсі по React. Основну теорію ми проходили в попередніх курсах, а зараз настав час попрактикуватись і створити щось складне та наближене до реального життя.
Складність вивчення бібліотеки React полягає в складності вивчення її екосистеми. Оскільки це бібліотека, для реалізації повноцінного додатка потрібно використати ще безліч різних додаткових бібліотек - ось таке життя React-розробника.
Разом з React будемо використовувати GraphQL та його реалізацію Apollo.
Теорія по основах JavaScript для роботи з React:
Частина 1 - https://youtu.be/CXMK23cvVGY
Частина 2 - https://youtu.be/nCx6CjJiSVo
Частина 3 - https://youtu.be/tNmYO6Jvb8I
Теорія по React:
Частина 1 курсу по React - https://youtu.be/OBaeIZvq6Ng
Частина 2 курсу по React - https://youtu.be/M4-rYXyFreI
Частина 3 курсу по React - https://youtu.be/C-8E8sr0IAo
Теорія по GraphQL:
Частина 1 - https://youtu.be/5-IhHv-XrTU
Частина 2 - https://youtu.be/TFovycw7hSM
Частина 3 - https://youtu.be/xqqglsl2iyU
Частина 4 - https://youtu.be/PJmSS_6Ft4s
Частина 5 - https://youtu.be/npQe5G0oidk
Частина 6 - https://youtu.be/M8RmGqG8APY
Частина 7 - https://youtu.be/DJPuJLHCnnQ
Частина 8 - https://youtu.be/cUYhNqawKrA
Частина 9 - https://youtu.be/Q_G0_vkDHlE
Хочете підтримати канал матеріально - перерахуйте будь-яку суму на будь-який благодійний фонд, якому довіряєте, що підтримує нашу армію. Сильні ЗСУ та незалежна Україна - це найкраща підтримка для мене!
00:00 Привіт
00:42 Створення додатку за допомогою create-react-app
01:55 Встановлення MaterialUI
11:52 CssBaseline компонент
13:40 AppBar компонент
19:00 SideBar компонент
23:29 SideBar навігація
27:28 Responsive hamuberger
Буду вдячний за підтримку каналу:
Patreon - https://www.patreon.com/rudnyi
Mono Bank - https://send.monobank.ua/jar/6oqhydjLGp
або так - 5375 4114 0505 7287
Приват банк - 5363 5426 0316 4386
Давайте дружити:
Telegram ↣ https://t.me/maksymrudnyi
Telegram чат ↣ https://t.me/joinchat/H4AF4W4dfGeGepNQ
INSTAGRAM ↣ https://www.instagram.com/maksym_rudnyi/
TWITTER ↣ https://twitter.com/MaksymRudnyi
FACEBOOK ↣ https://www.facebook.com/travelscode/
WEB-SITE ↣ https://travelscode.com/
GITHUB ↣ https://github.com/MaksymRudnyi/
Другий YouTube канал ↣ https://youtube.com/c/travelscode
#ReactJS #AdvancedReact #MaksymRudnyi #ReactGraphQL
розгорнути опис
згорнути опис