Build Applications with Meteor

Tweets component

The complete code of the Tweets component is as follows:

We want to render tweets filtered by an active filter and not all incoming tweets so that each user goes to the Tweets page. We will query the store, get the currently active filter, and filter out the tweets in a new array by matching phrase:

 const TweetsList = ({tweets}) => {  const text = (   <div>       {tweets.map(data => <Tweet key={data.id} tweet={data.tweet} score={data.sentiment}/>)}    </div>);    return(   <div>{text}</div>) }  

There's nothing really special in the TweetsList component. We loop through all the tweets (filtered and passed as props) and render a child component-- ...