Hooks
// add type before parens
React.useState<boolean>(false);
React.useRef<HTMLDivElement>(null);
React.useCallback(
function () {
if (theMoon) {
setSomethingAwesome();
}
},
[theMoon]
);
Props
type FooProps = {
children: React.ReactNode;
};
Components
// functional
const Foo: React.FC<FooProps> = (props) => ()
// class
class Foo extends React.Component<FooProps> {}
emotion
const Foo = styled<FooProps>.div``;