Aula 8: Componentes RTL — Construindo para as Duas Direções

O app parece perfeito em inglês. Você muda para o hebraico, e de repente o espaçamento fica do lado errado, o texto se alinha à esquerda, e a seta de 'voltar' aponta para o lado errado. Esta aula ensina você a construir componentes com `logical properties` (propriedades lógicas) — `ms-4` em vez de `

Uma propriedade lógica é como dizer 'a mão com que você escreve' em vez de 'mão direita' — isso é correto seja você destro ou canhoto. `ms-4` significa 'margem no lado de início', então ela cai no lado certo tanto em hebraico quanto em inglês.

logical property: Uma propriedade que se refere a 'início' e 'fim' de acordo com o sentido da escrita (`ms`, `me`, `ps`, `text-start`) em vez de 'esquerda' e 'direita' — por isso ela se inverte sozinha em RTL.
physical property: Uma propriedade que vincula um valor a um lado fixo da ecrã (`ml`, `mr`, `text-left`). Ela não é consciente da direção, então permanece no mesmo lado mesmo quando a interface muda para RTL — quebrando o layout.
dir attribute: O atributo `dir="rtl"` ou `dir="ltr"` (geralmente em `<html>`) que define o sentido da escrita. As propriedades lógicas dependem dele para saber para onde 'início' aponta.
icon mirroring: Inverter horizontalmente ícones direcionais (seta de voltar, chevron) em RTL para que apontem corretamente. Ícones não-direcionais (um logo, player de mídia) não são espelhados.