Je suis très excité ? pour partager mon nouveau site Web Shopify Liquid REPL.

J'ai récemment vu l'article de Taylor Page sur Shopify REPL (Read-Eval-Print-Loop), ce qui m'a incité à consulter le site. Après avoir vérifié le résultat du site Web, j'ai créé une nouvelle version qui intègre la saisie de données JSON via l'API. Vous pouvez désormais utiliser des données JSON directes sans avoir besoin d'ajouter une API. Pour cette mise à jour, j'ai utilisé HTML, CSS et JavaScript, ainsi que liquid.browser.min.js. Tout fonctionne bien jusqu'à présent. Tom Blanchard, vous avez créé un excellent site en utilisant Polaris et React, et j'ai utilisé votre site comme référence pour mes mises à jour.

? Voici quelques points clés :

•  ? Données simples : Si vous utilisez des données simples comme des variables, vous pouvez les utiliser directement.
•  ? Données complexes : Si vous utilisez des données liées aux produits, collections, utilisateurs, etc., vous devez ajouter le code JSON.
•  ? API de test : J'ai inclus une API d'utilisateurs de test factice que vous pouvez utiliser.
•  ? Autres API de test : Vous pouvez trouver d'autres API de test sur Fake Store API.

? Comment utiliser :

1. Si vous disposez d'une API ou d'un JSON, cliquez sur le bouton "Ajouter JSON", ajoutez vos données, puis fermez la fenêtre contextuelle.
2. Ajoutez le code Liquid au champ input.liquid (par exemple, un produit pour la boucle) et incluez le titre du produit dans la boucle.
3. Après cela, vous verrez tous les titres de produits affichés dans la zone de sortie.

C'est ça! Si quelqu'un a des questions, n'hésitez pas à m'envoyer un DM ?.
Merci à Taylor et Tom ? pour avoir partagé la publication Shopify REPL, vos publications m'ont inspiré pour créer ce site Web.

Shopify Liquid REPL ? : http://liquid-repl.mycodemagic.com