Using HTML Entities/Special Characters

[pivanov]

Use String.fromCharCode() for special characters.

// bad
<div>John · Doe</div>

// nope
<div>John &middot; Doe</div>

// good
<div>{'John ' + String.fromCharCode(183) + ' Doe'}</div>

// better
<div>{`John ${String.fromCharCode(183)} Doe`}</div>

// Unicode
<i data-icon={String.fromCharCode(0xf00f)} />

// or if you have it as a string for some reason
<i data-icon={String.fromCharCode(parseInt('f00f', 16))} />

[krasimir]

Interesting. I'm preparing an article about anti-patterns so this will go there for sure. Thanks.

[wende60]

thanks, great quickfix! Btw: String.fromCharCode is Vanilla, not React...