LFSCamargo

// @flow
import React, { Component } from 'react';
import {
  View,
  Text,
  StyleSheet,
  Dimensions,
  TouchableOpacity,
  Image,
  StatusBar,

LFSCamargo

// @flow
import React, { Component } from 'react';
import { View } from 'react-native';
import PubNubReact from 'pubnub-react';
import { connect } from 'react-redux';
import addContacts from '../actions/Contacts/AddContacts';
import sendRemoteMessage from '../actions/Messaging/AddRemoteMessages';
import { Contact } from '../reducers/Contacts/Contacts';
import { Messaging } from '../reducers/Messaging/Messaging';
import idx from 'idx';

LFSCamargo

// working with pipes and type
type Fruit = "orange" | "banana" | "strawberry";

// working with types and functions
type EatFruitFunction = (fruit: Fruit) => void;

// typing objects using type
type User = {
  username: string,
  email: string,

LFSCamargo

interface User {
  username: string;
  email: string;
  password: string;
}


// So here we cant user the & operator after extends to compose types
// So if you want to extend more than one interface or type you need to use type
interface Compose extends User {

LFSCamargo

// Function that executes a action and dont receive any params and returns void
type ChangesSomething = () => void

// Function that receives a string and returns a string
type FormatName = (name: string) => string

// Function that checks if a string is null and returns a boolean
type CheckNull = (value: string) => boolean

// Function that sums two numbers and returns a number

LFSCamargo

// Generics type & interface

type HasGeneric<T> = {
  genericType: T,
  nonGenericType: string,
  arrayGeneric: Array<T>,
}

interface GenericsInterface<T> {
  genericType: T;

LFSCamargo

import * as  React from 'react'
import { Animated, Easing, StatusBar, MaskedViewIOS, View, ViewStyle } from 'react-native'
import icons from '../../icons'
import lightTheme from '../../config/theme'

interface Props {
  bootstraped: boolean
}

const AnimatedGate: React.FunctionComponent<Props> = (props) => {

LFSCamargo

export const iceServers = [
  { url: 'stun:stun.l.google.com:19302' },
  { url: 'stun:stun01.sipphone.com' },
  { url: 'stun:stun.ekiga.net' },
  { url: 'stun:stun.fwdnet.net' },
  { url: 'stun:stun.ideasip.com' },
  { url: 'stun:stun.iptel.org' },
  { url: 'stun:stun.rixtelecom.se' },
  { url: 'stun:stun.schlund.de' },
  { url: 'stun:stun.l.google.com:19302' },

LFSCamargo

MediaStreamTrack.getSources((sourceInfos)) => {
  console.log('MediaStreamTrack.getSources', sourceInfos)
  let videoSourceId
  for (let i = 0; i < sourceInfos.length; i++) {
    const sourceInfo = sourceInfos[i]
    if (sourceInfo.kind === 'video' && sourceInfo.facing === 'front') {
      videoSourceId = sourceInfo.id
    }
  }
  getUserMedia(

LFSCamargo

class DisplayStream extends React.Component {
  state = {
    localstream: null,
  }

  componentDidMount() {
    export const iceServers = [
      { url: 'stun:stun.l.google.com:19302' },
      { url: 'stun:stun01.sipphone.com' },
      { url: 'stun:stun.ekiga.net' },