O Formatador de Códigos Babel, React JSX & ES6+ do Web-ZoneWare organiza componentes funcionais React, Hooks (useState, useEffect), expressões JSX/TSX e scripts ECMAScript modernos com indentação limpa no estilo Prettier.
Como padronizar componentes React JSX e módulos ES6+?
O compilador Babel popularizou o uso da sintaxe JSX (JavaScript XML) e dos recursos modernos do ECMAScript (Arrow Functions, desestruturação de objetos, spread operator e módulos import/export). Quando trechos de código JSX são copiados de pacotes transpilados ou documentações, a mistura de tags HTML dentro de blocos JavaScript pode ficar ilegível.
- Padronização de Aspas e Ponto-e-Vírgula: Alterne em 1 clique entre aspas duplas ou simples e escolha se deseja manter ou omitir o ponto-e-vírgula ao final de cada instrução.
- Organização de Árvores JSX: Separa elementos aninhados e blocos de retorno de componentes React para facilitar a leitura.
