Progressive Web Apps with React

Our message data

We want to save the message text to the database, of course, but we also want to save a bit more information.

Our users need to be able to see who sent the message (preferably, an email address), and be able to navigate to their users/:id page. So, we need to save the email address of the author with the message as well as a unique user ID. Let's throw in a timestamp for good measure:

// App.jshandleSubmitMessage = msg => {  const data = {    msg,    author: this.state.user.email,    user_id: this.state.user.uid,    timestamp: Date.now()  };  // Send to database}

The preceding example uses ES6’s property shorthand for the message field. Instead of writing { msg: msg }, we can simply write { msg }.

Here, we're taking advantage of the fact ...