Co se stane, když prohlížeč přeloží vaši aplikaci v Reactu

Anotace

Pokud aplikaci neopatříte vestavěnou podporou pro internacionalizaci (i18n), uživatelé si ji budou překládat sami. Prohlížeč pak upraví DOM, React nad ním ztratí kontrolu a vy budete čelit pádům aplikace, které nelze lokálně reprodukovat. Jeden z našich klientů zaznamenával 300 pádů denně; zavedení nativní podpory i18n tento problém zcela odstranilo.

Ukážu vám, proč k tomu dochází a jak správná implementace i18n situaci vyřešila.

Následně se zaměřím na další úskalí lokalizace a na to, jak zajistit škálovatelnost i18n.

Na závěr předvedu, jak využíváme MutationObserver a neviditelné znaky UTF-8, díky nimž mohou produktové týmy upravovat textové řetězce přímo v běžící aplikaci.