Stateless Function Components in React

TypeScript now supports Stateless Function components.These are lightweight components that easily compose other components:

  1. // Use parameter destructuring and defaults for easy definition of 'props' type
  2. const Greeter = ({name = 'world'}) => <div>Hello, {name}!</div>;
  3. // Properties get validated
  4. let example = <Greeter name='TypeScript 1.8' />;

For this feature and simplified props, be sure to be use the latest version of react.d.ts.