initialize dev docs for loyalty extension

[merkoyep]

Background

Accompanying PR
Resolves https://github.com/Shopify/pos-next-react-native/issues/42764

As part of the deprecating legacy extensions project, this PR aims to educate developers on how to create a loyalty extension following the deprecation of legacy UI Extensions. This PR will show developers create a tutorial that showcases how to build a loyalty extension using POS UI Extensions.

Solution

This PR will:

• Add reference code examples for the loyalty extension tutorial.
• Add a new directory (/docs/surfaces/point-of-sale/mdxExamples)that will hold all example code for mdx based code tutorials for POS UI Extensions
• Add the mdxExamples folder to the array of folders to be ignored by eslint.

Video of how this code works:

LoyaltyExampleDemo.mp4.mov

🎩

• n/a

Checklist

• I have 🎩'd these changes
• I have updated relevant documentation

[NathanJolly]

Bravo. What a useful and thorough guide for our users.

[js-goupil]

I noticed in the video, that the gif you provided has an RN error. We probably don't want to be surfacing any POS implementation details publicly, and it doesn't look as polished. Could we replace the gif with one recorded using an internal build, or even an app store build?

[vctrchu]

I recommend initializing the loading state to false. We don't want to have unnecessary loading states for cases where the extension doesn't need to fetch points. You can instead set it to true when we want to fetch data https://github.com/Shopify/ui-extensions/pull/2486/files#r1857180980

[vctrchu]

Suggested change

	// Get the session token
	setLoading(true)

[vctrchu]

You probably already have done this but running through a fresh extension and testing it by copy/pasting each block would be a great way to ensure no issues are apparent. Just a small comment around the loading state & +1 to nates pending comments but overall I'm very impressed from the detail and technically of this documentation, great job!

[js-goupil]

@merkoyep if we're doing static mdx pages in the apps section, I guess we don't need this PR anymore right?

[merkoyep]

@merkoyep if we're doing static mdx pages in the apps section, I guess we don't need this PR anymore right?

@js-goupil Not quite! Thanks to @vctrchu for helping me figure this out, but we are going to keep our example code files in this repo, so that I can reference this repo for the tutorial over on the shopify-dev side as code examples :)