A question about FlatList renderItem Component performance and memory usage

[hoorsa]

Hi,
I'm a react-native newbie.
Just a question about FlatList renderItem Component performance and memory usage.

Which of below renderItem Components is faster in performance and which is memory friendly for a large list?

1:

class MyListItem extends React.PureComponent {
  render() {
    return (
     <View style={{width: '100%', height: 60}}>
       {
         this.props.size ===  30 ?
         (
           <View style={{width: 30, height: 30}}>
                <Text>test</Text>
           </View>
         )
         :
         null
       }
       <View>...</View>
     </View>
    )
  }
}

2:

class MyListItem extends React.PureComponent {
  render() {
    return (
         <View style={{width: '100%', height: 60}}>
           <View style={{width: this.props.size, height: this.props.size}}>
                <Text>test</Text>
           </View>
           <View>...</View>
         </View>
    )
  }
}

Thanks.

[satya164]

Hey, this repo is for discussions and proposals regarding changes in React Native. It's not intended for questions. So I'm closing it. Please use appropriate channels such as stack overflow and reactiflux for your questions.