JSX vormindaja

Kõigepealt parsib see koodi JavaScript moodulina, mille JSX on lubatud, ja väljastab selle ühtses stiilis. Seejärel paigutatakse JSX elemendid samade reeglite järgi nagu HTML vormindajas, nii et pesastatud plokksildid saavad omaette taandega read.

Kui element sisaldab plokktaseme alamelemente, näiteks div, section, p, ul või h1, paigutatakse iga alamelement omaette reale ja kogu element sulgudesse. Ühele reale mahtuvad elemendid, näiteks üks komponendisilt, jäävad ühele reale.

Jah, fragmendid kujul <> ja </> ning isesulguvad komponendid, näiteks <Item key={1}/>, parsitakse ja säilitatakse. Nende atribuudid ja looksulgudes olevad avaldised kopeeritakse muutmata kujul.

Parser peatub ja tööriist kuvab oma veateate, näiteks ootamatu märgendi kohta, selle asemel et tagastada osaliselt vormindatud kood. Paranda teatatud koht ja vorminda uuesti.

Plokkidel on kahe tühiku taanne, igal real üks lause, operaatorite ümber on tühikud ja lausete lõpus semikoolonid. Stiili muutmise valikuid pole.

Jah, JavaScript-i rea- ja plokikommentaarid säilitatakse. Kommentaarid JSX-avaldistes jäävad looksulgude sisse.

Ei, tüübimärkused ei kuulu JSX-i grammatikasse, mida see tööriist parsib, seega lükatakse tüüpidega TSX süntaksiveana tagasi. Tüübistatud koodi jaoks kasuta TypeScript vormindajat.

JavaScript prinditakse ainult uuesti ning JSX paigutus muudab plokkelementide vahelist tühiruumi, mida React eirab, kui elemendid on eraldi ridadel. Kui täpne vahekaugus on oluline, kontrolli siltide kõrval olevat tekstisisest teksti.

JSX on JavaScript laiendus, seega tagastatakse tulemus Markdown koodiplokina, mille märgend on javascript. Kopeeri oma .jsx-faili jaoks piiritlejate vahele jäävad read.

Kuni 5 MB koodi ühe käivituse kohta; suurem sisend lükatakse tagasi koos teatega. Väljund on sama mis Code Formatteri valikuga JSX.