A Modern Isomorphic Stack with Redux - Part 2

Feed.jsx

import React, {Component} from 'react';
import {Link} from 'react-router';
import feed from '../../../../lib/modules/feed';
import {connect} from 'react-redux';

if(process.env.BROWSER) {
  require('../../../../styles/components/feed.scss');
}

class Feed extends Component {
    constructor(props, context) {
        super(props, context);
    }
    
    componentWillMount() {
        const dispatch = this.props.dispatch;
        dispatch(feed().actions.loadFeeds());
    }

    render() {
        const {feeds} = this.props || [];
        console.log(feeds);
        return (
            <div>
                <ul>
                {
                  feeds.map((feed, i) => {
                      return (<Link to={`/feed/${i}`}>{feed}</Link>)
                  })  
                }
                </ul>
            </div>
        )
    }
}

function mapStateToProps(state) {
  return { feeds: state.feeds }
}


export default connect(mapStateToProps)(Feed);