ReactJS component names must begin in uppercase: Knowing this can save you hours.

Always name your own components starting with an uppercase. The reason is whenever the transpiler encounters an element type that starts with a lowercase letter, it assumes it to be a built-in component like <div> or <span> and results in a string 'div' or 'span' directly passed to React.createElement. But types that start with a capital letter will be resolved by the framework to a …


Use HTML for structuring, leave styling to CSS.

In your HTMLs, use tags <strong> and <em> instead of <bold> and <italic>. Browsers with correct capabilities, will deal with <strong> and <em> appropriately, which includes displaying bold and italicized texts too, but these browsers would use <bold> and <italic> tags for just styling the displayed text and leave it at that.