vmaark

export enum MediaType {
    PHOTO = "image",
    VIDEO = "video",
}
type MediaMessage = PhotoMediaMessage | VideoMediaMessage;

type PhotoMediaMessage = {
    type: MediaType.PHOTO,
    id: string,

vmaark

import { observable } from 'mobx'
import { Observer, useObserver, observer } from 'mobx-react' // 6.x or mobx-react-lite@1.4.0
import ReactDOM from 'react-dom'

const person = observable({
  name: 'John',
})

const P3 = ({ person }) => {
  return useObserver(() => <h1>{person.name}</h1>)

vmaark

How and where should we annotate our code with types?

interface ImageProps {
  width: number;
  height: number;
  fileName: string;
}

vmaark

interface Routes {
    App: {};
    Loading: {};
    Welcome: {};
    Post: {};
    Root: {};
    FeedListViewerContainer: {
        showExplore: boolean,
    };
    Feed: {