ZanshinPost

class ParentComponent extends Component {
    render() {
        // My basic render function structure:
        
        // 1) Extract values from props and state
        const {a, b, someBoolean, someList} = this.props;
        
        // 2) Render any dependent items into temporary variables, such as conditional components or lists
        const conditionalComponent = someBoolean ? <SomeComponent /> : null;
        const listItems = someList.map(item => <ListItem item={item} />);