Know basics of how to work with React and Typescript

For class component

interface CounterProps {
    message: string;
};

interface CounterState {
    count: number;
};

class Counter extends React.Component<CounterProps, CounterState> {
    state: CounterState = {
        count: 0
    };

    render() {
        return (
            <div>
                {this.props.message} {this.state.count}
            </div>
        );
    }
}

For function component 

import React, { FunctionComponent } from 'react'; // importing FunctionComponent

interface ColumnProps {
    text: string
}

export const Column: FunctionComponent<ColumnProps> = (properties) => {
    return (
        <div>{properties.text}</div>
    )
}

Video Tutorial

https://youtu.be/UhyL-yfTSaE

​