App based on react-transform-boilerplate

App.js

import React, { Component } from 'react';
import TaskList from './TaskList';

export default class App extends Component {
  constructor(props)  {
    super(props)
    this.state = { tasks: [
        { id: 1, taskText: "task 1" },
        { id: 2, taskText: "task 2" }
      ]
    }
  }

  render() {
    return (
      <div>
        <h4>Story-app</h4>
        <TaskList tasks={this.state.tasks} />
      </div>
    );
  }
}

TaskList.js

import React, { Component } from 'react';

export default class TaskList extends Component {
  render() {
    var listItems = this.props.tasks.map(function(task) {
      return <p>{task.taskText}</p>;
  });

  return (
    <div>
      {listItems}
    </div>
    );
  }
}