chongiscool

import React, { Component } from 'react'
import { 
  StyleSheet, 
  View,
  Text,
  Platform, 
  TouchableOpacity, Button
} from 'react-native'
import { Ionicons, FontAwesome } from '@expo/vector-icons'
import { 

chongiscool

import React from 'react'
import { 
  StyleSheet, 
  View,
  Text,
  Platform, 
  TouchableOpacity, Button
} from 'react-native'
import { Ionicons, FontAwesome } from '@expo/vector-icons'
import { 

chongiscool

import React from 'react'
import { 
  StyleSheet, 
  View,
  Text,
  Platform, 
  TouchableOpacity, Button
} from 'react-native'
import { Ionicons, FontAwesome } from '@expo/vector-icons'
import { 

chongiscool

// Include data for accessing Google APIs

const apiKey = 'api_key';
const projection = 'FULL';
const url = 'https://www.googleapis.com/urlshortener/v1/url';

// Some page elements

const $inputField = $('#input');
const $expandButton = $('#expand');

chongiscool

const xhr = new XMLHttpRequest();
const url = 'https://api-to-call.com/endpoint';
// const url = 'https://www.googleapis.com/urlshortener/v1/url';
const apiKey = 'AIzaSyB_gg7APX8yD_jzBHmTGxxDkhva95Zw808';

const data = JSON.stringify({id: '200'});
xhr.responseType = 'json';

xhr.onreadystatechange = function () {
  if (xhr.readyState === XMLHttpRequest.DONE) {

chongiscool

const xhr = new XMLHttpRequest();
const url = 'https://api-to-call.com/endpoint';

xhr.responseType = 'json';
xhr.onreadystatechange = function () {
  if (xhr.readyState === XMLHttpRequest.DONE) {
    //console.log('xhr response', xhr.response);
    console.log(xhr.response);
  }
}

chongiscool

// Include data for accessing Google APIs

const apiKey = 'js-request-api-key-from-google';
const projection = 'FULL';
const url = 'https://www.googleapis.com/urlshortener/v1/url';

// Some page elements

const $inputField = $('#input');
const $expandButton = $('#expand');

chongiscool

const xhr = new XMLHttpRequest();
const url = 'https://api-to-call.com/endpoint';

xhr.responseType = 'json';
xhr.onreadystatechange = function () {
  if (xhr.readyState === XMLHttpRequest.DONE) {
    //console.log('xhr response', xhr.response);
    console.log(xhr.response);
  }
}

chongiscool

import React from 'react';
import ReactDOM from 'react-dom';

class Contact extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      password: 'swordfish',
      authorized: false
    };