JSX versus React.createElement

One thing I noticed is that when displaying a list of elements in the rendering of a component I continually run into silly bugs that I miss. And then, its hard to debug. And then I was doing a tutorial that used the “outdated” React.createElement and not only did I not make the silly mistakes I usually make, but it was also extremely readable, and pleasing to my eye. Whereas JSX is very short, prettier on the page in that it takes up less lines, its not very readable especially in the instances where you’re mapping through an array of objects and then rendering a specific property.