Shopify concluiu a migração de cinco extensões de UI de alto tráfego no Checkout Blocks, sua aplicação para personalizar a experiência de checkout. As extensões foram reescritas passando de React e o legado Remote UI bridge para remote-dom, utilizando Preact e componentes web Polaris, marcando um movimento mais amplo rumo a componentes agnósticos a framework em toda a plataforma Shopify.
A reescrita envolveu migração para TypeScript e atualização da API de versão 2025-07 para 2026-01. As cinco extensões atingem aproximadamente um terço de todos os checkouts personalizados da plataforma.
Reduções significativas de tamanho
Os bundles das extensões encolheram entre 40% e 85% após a migração. A extensão payment-icons obteve a maior redução, com diminuição de 84,4%. O tempo de carregamento das extensões foi reduzido em média de 8% na mediana e 7% no percentil 90, considerando o volume ponderado de checkouts.
Muitas dessas otimizações foram possíveis por um novo orçamento rigoroso de 64KB gzip imposto por extensão no CLI remote-dom da versão 2026-01, reduzido dos anteriores 100KB a 112KB gzipped. A mudança de React para Preact removeu react-reconciler, economizando aproximadamente 89KB por si só.
Substituições estratégicas de dependências
Shopify substituiu liquidjs, uma biblioteca de 73KB, por um parser Liquid interno denominado "droplet" que comprime a apenas 13KB gzipped. Este parser foi validado contra um corpus de paridade de 42 mil linhas derivado de configurações reais de merchants, garantindo compatibilidade completa. O dayjs foi trocado por um utilitário de data customizado menor, enquanto markdown-to-jsx foi mantido mas aliasado para Preact em vez de ser substituído.
Elementos legados do Polaris React foram convertidos em custom elements s-* agnósticos a framework, carregados do CDN do Shopify. O movimento inicial para Preact e componentes web agnósticos a framework começou com a API 2025-10, lançada no final de 2025.
Prazo obrigatório e resposta da comunidade
A partir de 1º de outubro de 2026, apenas as versões atualizadas serão suportadas. Deployments que incluam versões de extensão anteriores a 2026-01 serão bloqueados, tornando a migração obrigatória para todos os desenvolvedores.
A resposta inicial da comunidade foi predominantemente positiva. A plataforma de desenvolvimento Gadget chamou a direção de "uma excelente atualização", destacando que Preact oferece uma experiência similar a React com uma fração do runtime. Desenvolvedores no Hacker News acolheram componentes Shopify desprovidos de Shadow DOM, embora alguns alertassem que componentes web "não são panaceia" e não substituirão sistemas de componentes de framework.
Contudo, um ano depois, quando a versão 2026-01 se tornou o caminho obrigatório, o sentimento se tornou mais misto. Um desenvolvedor argumentou nos fóruns Shopify em abril de 2026 que o script CDN não versionado, sem possibilidade de fixar versões, representa um "pesadelo para estabilidade". Esta reclamação permanecia ativa na comunidade até meados de 2026. Uma discussão no Reddit criticou os novos componentes como "incompletos", citando lacunas como a ausência do Index Table que o Polaris React oferecia.
