Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай Build an Online Store with React and GraphQL in 90 Minutes, а также все другие курсы, прямо сейчас!
Премиум
  • Урок 1. 00:04:37
    Tools Used / Needed for Our App
  • Урок 2. 00:01:23
    Short Path versus the Long(er) Path in the Course
  • Урок 3. 00:03:19
    Git Clone Repo, Install Dependencies, Scaffold React App
  • Урок 4. 00:03:19
    Create Components, Routing for Project
  • Урок 5. 00:01:12
    Hot Module Loading with create-react-app (Optional)
  • Урок 6. 00:06:31
    Gestalt Setup and Navbar Component
  • Урок 7. 00:01:55
    Add Base CSS Rules and Apply Class to Active NavLink (Optional)
  • Урок 8. 00:05:56
    (Updated) Setup MongoDB Atlas Database, Install Strapi CLI, Create Strapi Server
  • Урок 9. 00:02:27
    Brief Look at Strapi CLI (Optional)
  • Урок 10. 00:02:16
    Start the Strapi Server, Create Root Admin for CMS
  • Урок 11. 00:05:31
    Overview of Strapi Admin Panel (Optional)
  • Урок 12. 00:04:51
    Add Brand Content Type with Content Type Builder, Add First Brand
  • Урок 13. 00:01:18
    Install GraphQL Plugin, Visit GraphQL Playground
  • Урок 14. 00:05:16
    Query Brand by Id in GraphQL Playground, Give Permission to All Users (Optional)
  • Урок 15. 00:02:59
    Query Multiple Brands with GraphQL, Change Permissions Again
  • Урок 16. 00:02:22
    Run Client Script with Server, Add Markup for Brands Section
  • Урок 17. 00:04:15
    Connecting React with GraphQL using Strapi SDK, Fetch Data from Client
  • Урок 18. 00:02:37
    Catch async / await Errors with try / catch, Put Brand Data in Local State
  • Урок 19. 00:05:35
    Display Brands on Home Page, Create Brand Card Component
  • Урок 20. 00:01:45
    Add Flex Wrap to Brand Cards for Responsive Design, More Styles (Optional)
  • Урок 21. 00:05:08
    Add SearchField Component to Search Brands (Optional)
  • Урок 22. 00:03:48
    Client-Side Search with .filter() (Optional)
  • Урок 23. 00:05:39
    Add Loading State for Brand Data, Create Loader Component (Optional)
  • Урок 24. 00:02:23
    Add Brew Content Type
  • Урок 25. 00:04:21
    Seed Brew Data
  • Урок 26. 00:03:17
    Query Brew / Brews, Change Permission for Public / Auth Users
  • Урок 27. 00:02:29
    Query Brand by Id to Get Associated Brews
  • Урок 28. 00:05:40
    Request Brews by Brand Id in Brews Component
  • Урок 29. 00:06:02
    Add Markup to Display Brews
  • Урок 30. 00:04:40
    Add Cart Markup in Brews Component
  • Урок 31. 00:05:04
    Create Function to Add Items to Cart
  • Урок 32. 00:03:59
    Create Function to Delete Item from Cart, Calculate Cart Total
  • Урок 33. 00:03:19
    Persist Cart to LocalStorage
  • Урок 34. 00:05:13
    Create Sign Up Form
  • Урок 35. 00:02:23
    Add Form Validation to Sign Up (Optional)
  • Урок 36. 00:05:08
    Create Toast Message Component to Show Upon Validation Error (Optional)
  • Урок 37. 00:06:24
    Register User, Store JWT in LocalStorage
  • Урок 38. 00:03:54
    Change Navbar Upon Sign Up
  • Урок 39. 00:03:52
    Sign Out User
  • Урок 40. 00:01:56
    Create Sign In Markup / Functionality
  • Урок 41. 00:02:36
    Make Checkout a Private Route (Optional)
  • Урок 42. 00:05:35
    Add Markup for Checkout Form
  • Урок 43. 00:05:52
    Add Cart to Checkout, Show Default Text if Cart Empty
  • Урок 44. 00:07:01
    Add Confirmation Modal to Order on Submit
  • Урок 45. 00:01:08
    Sign Up for Stripe and Get API Keys
  • Урок 46. 00:04:11
    Add Stripe to Checkout Page
  • Урок 47. 00:06:00
    Create Orders Content Type, Add Create Function in Controllers
  • Урок 48. 00:08:26
    Submit Order to Database, Send / Process Payment with Stripe
  • Урок 49. 00:03:18
    Set up SendGrid, Give API Key to Strapi (Optional)
  • Урок 50. 00:09:01
    Send Confirmation Email upon Checkout (Optional)
  • Урок 51. 00:07:47
    Search with GraphQL and where / field_contains (Optional)
  • Урок 52. 00:07:18
    Make App Fully Mobile-Compatible (Optional)