Estou muito animado? para compartilhar meu novo site Shopify Liquid REPL.

Recentemente vi a postagem de Taylor Page sobre o Shopify REPL (Read-Eval-Print-Loop), o que me levou a revisar o site. Após verificar o resultado do site, criei uma nova versão que integra a entrada de dados JSON via API. Agora você pode usar dados JSON diretos sem precisar adicionar uma API. Para esta atualização, usei HTML, CSS e JavaScript, junto com liquid.browser.min.js. Tudo está funcionando bem até agora. Tom Blanchard, você criou um site excelente usando Polaris e React, e usei seu site como referência para minhas atualizações.

? Aqui estão alguns pontos-chave:

• ? Dados simples: Se você usar dados simples como variáveis, poderá usá-los diretamente.
• ? Dados Complexos: Se você usa dados relacionados a produtos, coleções, usuários, etc., você precisa adicionar o código JSON.
• ? API de teste: Incluí uma API fictícia de usuários de teste que você pode usar.
• ? Outras APIs de teste: Você pode encontrar outras APIs de teste em Fake Store API.

? Como usar:

1. Se você tiver uma API ou JSON, clique no botão "Adicionar JSON", adicione seus dados e feche o pop-up.
2. Adicione o código Liquid ao campo input.liquid (por exemplo, um loop product for) e inclua o título do produto no loop.
3. Depois disso, você verá todos os títulos dos produtos exibidos na caixa de saída.

É isso! Se alguém tiver alguma dúvida, fique à vontade para me mandar um DM?.
Graças a Taylor e Tom? por compartilhar a postagem do Shopify REPL, suas postagens me inspiraram a criar este site.

REPL líquido do Shopify? : http://liquid-repl.mycodemagic.com