title: firebase retrieve a list of array without manipulation
body: <p>I have to do bunch of ObjectKey and map just to render a list, why so much hassle, does firebase has built-in util for that?</p>
  
  <pre><code>onListenForMessages = () =&gt; {
      this.setState({ loading: true });
  
      this.props.firebase
        .messages()
        .orderByChild('createdAt')
        .limitToLast(this.state.limit)
        .on('value', snapshot =&gt; {
          const messageObject = snapshot.val();
  
          if (messageObject) {
            const messageList = Object.keys(messageObject).map(key =&gt; ({
              ...messageObject[key],
              uid: key,
            }));
  
            console.log('gg', messageList);
  
            this.setState({
              messages: messageList,
              loading: false,
            });
          } else {
            this.setState({ messages: null, loading: false });
          }
        });
    };
  </code></pre>