Странный синтаксис JS, что это значит?

Недавно я наткнулся на этот странный код JavaScript:

export type ImageSource = {
  id: string,
  URI: string,
  thumbnail: string,
  title: ?string,
  description: ?string
}

type Props = {
  images: Array<ImageSource>,
  onPressImage?: Function,
  topMargin?: number,
  closeText?: string,
  infoTitleStyles?: Animated.View.style,
  infoDescriptionStyles?: Animated.View.style,
  enableTilt?: boolean
}

Если я правильно понимаю, строка - это тип данных, но может ли кто-нибудь объяснить, в чем разница между строкой и? Строкой.

Кроме того, что означает следующая строка кода:

topMargin?: number,

Я получил его из образца приложения, ориентированного на реакцию, я предполагаю, что это означает необязательное свойство, но я не могу найти никакого объяснения при поиске в Google.