const displayNewHires = ( <ul> {names.map(name => <li>{name}</li> )} </ul> ); The key thing to note here is that you are not having to create individual < li> elements.
<ul> <li> John </li> <li> Sarah </li> <li> Kevin </li> <li> Alice </li> <ul> Nothing spectacular here, just plain HTML code.