React, Why the {} when passing props to stateless functional component?
<p>My feeling is that the ({course}) syntax is extracting the property 'course' from the props object. Thereby making calls to 'course' properties inside the component more terse. If I passed props using the (props) syntax, in place of ({course}). I would then have to say 'props.course.authorId', for example.</p>

<p>Is my line of thinking correct? It would be great if you can expand on exactly whats happening here, and fill in any gaps.</p>

<pre><code>import React, {PropTypes} from 'react';
import {Link} from 'react-router';

const CourseListRow = ({course}) =&gt; {
  return (
    &lt;tr&gt;
      &lt;td&gt;&lt;a href={course.watchHref} target="_blank"&gt;Watch&lt;/a&gt;&lt;/td&gt;
      &lt;td&gt;&lt;Link to={'/course' + course.id}&gt;{course.title}&lt;/Link&gt;&lt;/td&gt;
      &lt;td&gt;{course.authorId}&lt;/td&gt;
      &lt;td&gt;{course.category}&lt;/td&gt;
      &lt;td&gt;{course.length}&lt;/td&gt;
    &lt;/tr&gt;
  );
};

CourseListRow.propTypes = {
  course: PropTypes.object.isRequired
};

export default CourseListRow;
</code></pre>