TSX component scaffold

README.md

TSX component scaffold

For convenience and example for whoever might be wondering about TypeScript and React.

Why separate import of SFC?

Because SFC<Props> is much more readable in a chunk of code than React.SFC<Props>

Why a separate type declarations file?

Because having type declarations mixed in your code makes it messier than it needs to be.

But what about Redux?

That'll be another gist.

component.d.ts

export interface Props {
  propName: string;
}

component.scss

.Component {
  border: solid 1px #f00;
}

component.ts

import * as React from 'react';
import { SFC } from 'react';

import './component.scss';

const Component: SFC<Props> = ({ propName }) => (
  <div className="Component">
    Component
    <code>{propName}</code>
  </div>
);
  
export default Component;