| import React from 'react'; | |
| class CalendlyEmbed extends React.Component { | |
| calendlyScriptSrc = 'https://assets.calendly.com/assets/external/widget.js' | |
| buildCalendlyUrl = (account, eventName) => | |
| `https://calendly.com/${account}/${eventName}` | |
| componentDidMount() { | |
| const head = document.querySelector('head') | |
| const script = document.createElement('script') |
People
 :bowtie: |
😄 :smile: |
😆 :laughing: |
|---|---|---|
😊 :blush: |
😃 :smiley: |
:relaxed: |
😏 :smirk: |
😍 :heart_eyes: |
😘 :kissing_heart: |
😚 :kissing_closed_eyes: |
😳 :flushed: |
😌 :relieved: |
😆 :satisfied: |
😁 :grin: |
😉 :wink: |
😜 :stuck_out_tongue_winking_eye: |
😝 :stuck_out_tongue_closed_eyes: |
😀 :grinning: |
😗 :kissing: |
😙 :kissing_smiling_eyes: |
😛 :stuck_out_tongue: |
This tutorial was created by Shopify for internal purposes. We've created a public version of it since we think it's useful to anyone creating a GraphQL API.
It's based on lessons learned from creating and evolving production schemas at Shopify over almost 3 years. The tutorial has evolved and will continue to change in the future so nothing is set in stone.
| // Breakpoints | |
| // Base: 16px | |
| // Small: 688px - 43em | |
| // Tablets: 768px - 48em | |
| // Desktop: 1024px - 64em | |
| // Large Screen 1: 1440px - 90em | |
| // Large Screen 2: 1600px - 100em |
