My react cheat sheet

index.tsx

import * as React from 'react';

// --- Component ----------------------------------------------------------------------------------

type HelloProps = {};
type HelloState = {};

class Hello extends React.Component<HelloProps, HelloState> {
    readonly state = {};

    constructor(props) { super(props) }

    render() {
        return (
            <div>Hello world</div>
        )
    }
}

// --- Functional ---------------------------------------------------------------------------------

const Hello: React.FunctionComponent<HelloProps> = ({ }) => (
    <div>Hello world</div>
);

const Hello = () => (
    <div>Hello world</div>
);

// --- Higher Order Components --------------------------------------------------------------------

const HOC = WrappedComponent => {
    return (props = {}) => {
        return (<WrappedComponent {...props} />);
    }
}

const HOC = WrappedComponent => props => (
    <WrappedComponent {...props} />
);