Популярное

Музыка Кино и Анимация Автомобили Животные Спорт Путешествия Игры Юмор

Интересные видео

2025 Сериалы Трейлеры Новости Как сделать Видеоуроки Diy своими руками

Топ запросов

смотреть а4 schoolboy runaway турецкий сериал смотреть мультфильмы эдисон
dTub
Скачать

Build A Shopify App #4 - Putting It All Together

Автор: Dev With Alex

Загружено: 2023-03-13

Просмотров: 4913

Описание:

This video is the 4th and final part of a series where we build a small Shopify app together! The point of this app is to learn the basics of Shopify app development through "doing", we'll keep the codebase and feature set small, but learn a lot in the process!

GitHub repo to follow along with the code:
https://github.com/RAAbbott/Build-A-S...

Each branch in the above GitHub repo corresponds to a video in the series, you can refer to it to see all the changes I'm making in the video!

*To see the finished code for the this video, checkout the "part_4_wrapup" branch.*

Please let me know in the comments down below if you have any questions or run into any problems while following along in the video, I'd love to help out in any way I can. Feedback and constructive criticism is also highly appreciated!

And don't forget to follow me on Twitter!   / devwithalex  

📕 Chapters
-------------------------
0:00 Intro
0:46 Fetch Products Endpoint
9:20 Product Card Edits
10:40 Product List Component
18:18 Adding State to Product Card
20:05 Variants Table
31:24 Update Variant Handler
34:34 Product Updater Endpoint
40:15 "Update Product" Button
44:10 "View In Admin" Button
48:20 Quick UX Enhancements
57:06 Closing Thoughts

🔗 LINKS
-------------------------
Part 0 of Series:
   • Build A Shopify App #0 - Introduction  

Part 1 of Series:
   • Build A Shopify App #1 - App Structure  

Part 2 of Series:
   • Build A Shopify App #2 - Admin API  

Part 3 of Series:
   • Build A Shopify App #3 - Polaris  

GitHub repo to follow along with the code (Main Branch):
https://github.com/RAAbbott/Build-A-S...

GitHub branch containing final code for this video:
https://github.com/RAAbbott/Build-A-S...

Code for `fetch-products.js`:
https://github.com/RAAbbott/Build-A-S...

Code for `product-updater.js`:
https://github.com/RAAbbott/Build-A-S...

Shopify Polaris Docs:
https://polaris.shopify.com/components

Shopify App Bridge Docs:
https://shopify.dev/apps/tools/app-br...

useNavigate Docs:
https://shopify.dev/apps/tools/app-br...

Shopify Devs Discord (I'm in there!):
  / discord  

✉️ INQUIRIES
-------------------------
Email: [email protected]
Twitter:   / devwithalex  

🙋🏽‍♂️ About Me
-------------------------
Hi there! My name is Alex and I have been programming (mostly self-taught) for over 4 years now. Programming has changed my life for the better, and I am on a mission to share my knowledge with you so that you can reap the rewards of a satisfying and fulfilling career in software development. My favorite thing about software development is that you are constantly learning, and I want to share the things I learn with you! I am always looking for ways to improve and new things to learn, so feel free to reach out or leave a comment letting me know where I can improve or if I should cover a specific topic!

Build A Shopify App #4 - Putting It All Together

Поделиться в:

Доступные форматы для скачивания:

Скачать видео mp4

  • Информация по загрузке:

Скачать аудио mp3

Похожие видео

How to Set Up Managed Pricing for Shopify Apps

How to Set Up Managed Pricing for Shopify Apps

Цепи Маркова — математика предсказаний [Veritasium]

Цепи Маркова — математика предсказаний [Veritasium]

Разгонный потенциал ноутбучной оперативной памяти через переходники на ПК

Разгонный потенциал ноутбучной оперативной памяти через переходники на ПК

Мы ЗАСТРЯЛИ в Солнечной системе, и вот почему... | Михаил Никитин, Борис Штерн

Мы ЗАСТРЯЛИ в Солнечной системе, и вот почему... | Михаил Никитин, Борис Штерн

Polaris: секретное оружие разработчика Shopify

Polaris: секретное оружие разработчика Shopify

OAuth2 SSO Client Application Tutorial | Spring Boot OAuth2 Login Explained (2025)

OAuth2 SSO Client Application Tutorial | Spring Boot OAuth2 Login Explained (2025)

Вождь под ёлкой. Новый год и диктатура. Александр Баунов и Александра Архипова. Бауновкаст

Вождь под ёлкой. Новый год и диктатура. Александр Баунов и Александра Архипова. Бауновкаст

История Linux и UNIX! Кто породил ВСЕ современные системы!

История Linux и UNIX! Кто породил ВСЕ современные системы!

Вайб-кодинг в Cursor AI: полный гайд + реальный пример проекта (подходы, техники, трюки)

Вайб-кодинг в Cursor AI: полный гайд + реальный пример проекта (подходы, техники, трюки)

Getting Started with GraphQL

Getting Started with GraphQL

Миллиарды на ветер: Су-57 - главный авиационный миф России

Миллиарды на ветер: Су-57 - главный авиационный миф России

Запуск нейросетей локально. Генерируем - ВСЁ

Запуск нейросетей локально. Генерируем - ВСЁ

Shopify How to Migrate to Checkout Extensibility (Upgrade from Checkout.liquid and Shopify Scripts)

Shopify How to Migrate to Checkout Extensibility (Upgrade from Checkout.liquid and Shopify Scripts)

Что я реально делаю как Data Scientist в США за $410.000/год

Что я реально делаю как Data Scientist в США за $410.000/год

КАК УСТРОЕН TCP/IP?

КАК УСТРОЕН TCP/IP?

Сисадмины больше не нужны? Gemini настраивает Linux сервер и устанавливает cтек N8N. ЭТО ЗАКОННО?

Сисадмины больше не нужны? Gemini настраивает Linux сервер и устанавливает cтек N8N. ЭТО ЗАКОННО?

Shopify Development

Shopify Development

Карлсен УРОНИЛ ВСЕ ФИГУРЫ и получил техническое поражение! Трагедия в партии с Мартиросяном

Карлсен УРОНИЛ ВСЕ ФИГУРЫ и получил техническое поражение! Трагедия в партии с Мартиросяном

Как крутят нейронки на периферийных устройствах / База по Edge Computing от инженера из Qualcomm

Как крутят нейронки на периферийных устройствах / База по Edge Computing от инженера из Qualcomm

Теренс Тао о том, как Григорий Перельман решил гипотезу Пуанкаре | Лекс Фридман

Теренс Тао о том, как Григорий Перельман решил гипотезу Пуанкаре | Лекс Фридман

© 2025 dtub. Все права защищены.



  • Контакты
  • О нас
  • Политика конфиденциальности



Контакты для правообладателей: [email protected]