[React] Render Text Only Components in React 16

In this session we create a comment component to explore how to create components that only render text.

In previous versions of we had to wrap our text in needless <span> or <div>, we will see how React 16 removes the unneeded structure.

import React, { Component } from 'react';
import ReactDOM from 'react-dom';

const Comment = ({ text }) => {
  const emojifiedText = text
    .replace(':)', '