jdnichollsc

Easing Functions
"linear"	"ease"	"ease-in"	"ease-out"	"ease-in-out"
"ease-in-cubic"	"ease-out-cubic"	"ease-in-out-cubic"
"ease-in-circ"	"ease-out-circ"	"ease-in-out-circ"
"ease-in-expo"	"ease-out-expo"	"ease-in-out-expo"
"ease-in-quad"	"ease-out-quad"	"ease-in-out-quad"
"ease-in-quart"	"ease-out-quart"	"ease-in-out-quart"
"ease-in-quint"	"ease-out-quint"	"ease-in-out-quint"
"ease-in-sine"	"ease-out-sine"	"ease-in-out-sine"

jdnichollsc

Animations
"bounce"	"flash"	"jello"	"pulse"	"rotate"
"shake"	"swing"	"rubberBand"	"tada"	"wobble"
"heartBeat"
"bounceIn"	"bounceInUp"	"bounceInDown"	"bounceInRight"	"bounceInLeft"
"bounceOut"	"bounceOutUp"	"bounceOutDown"	"bounceOutRight"	"bounceOutLeft"
"fadeIn"	"fadeInUp"	"fadeInUpBig"	"fadeInDown"	"fadeInDownBig"
"fadeInRight"	"fadeInRightBig"	"fadeInLeft"	"fadeInLeftBig"
"fadeOut"	"fadeOutUp"	"fadeOutUpBig"	"fadeOutDown"	"fadeOutDownBig"

jdnichollsc

<!-- Add Web Animations Polyfill :) -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/web-animations/2.3.2/web-animations.min.js"></script>

<script type="module" src="https://unpkg.com/@proyecto26/[email protected]/dist/animatable-component/animatable-component.esm.js"></script>
<script nomodule="" src="https://unpkg.com/@proyecto26/[email protected]/dist/animatable-component/animatable-component.js"></script>

<animatable-component autoplay iterations="3" animation="heartBeat" easing="ease-in" duration="1000">
  <h1>Proof that Tony Stark has a heart ✵</h1>
</animatable-component>

jdnichollsc

import { Media, MediaObject } from '@ionic-native/media';
import { File as NativeFile, FileEntry } from '@ionic-native/file';

import { delay, getBlobFromFileEntry } from './utils'

// Detect platform device and select extension (Cordova platform, etc)
// Android
const AUDIO_EXTENSION = '.mp3'
// iOS
const AUDIO_EXTENSION = '.m4a'

jdnichollsc

import Hammer from 'hammerjs';

private manager: HammerManager;

componentDidLoad() {
  this.manager = new Hammer(this.button);
  this.manager.add(new Hammer.Pan({
    direction: Hammer.DIRECTION_LEFT,
    threshold: 0
  }));

jdnichollsc

<animatable-component
  autoplay
  easing="ease-in-out"
  duration="800"
  delay="300"
  animation="zoomIn"
  iterations="Infinity"
  direction="alternate"
>
  <h1>Hello World</h1>

jdnichollsc

MercadoPago for React Native (Android & iOS)

A native bridge to use Mercado Pago SDK V4 with React Native.

import MercadoPago from 'react-native-mercado-pago';

async startPayment() {
  try {
    const publicKey = 'TEST-dc0b51e0-0eb7-47ce-b145-5585a0189eb0';
 const preferenceId = '113196323-082708db-09c3-4c7d-a65a-727e237c76e0';

jdnichollsc

import React, { useEffect } from 'react'
import {
  Text
} from 'react-native'
import useSignalR from './useSignalR'
import { getCounterAndToken } from '../services/api'
import { hideError, showErrorAndRetryAction } from '../services/common'

/**
 * A hook for getting realtime updates of a counter

jdnichollsc

import React, { Component } from 'react'
import {
  createAnimatableComponent,
  initializeRegistryWithDefinitions
} from 'react-native-animatable'
import { Button } from 'native-base'
import { throttle } from 'lodash'

initializeRegistryWithDefinitions({
  zoomInOut: {

jdnichollsc

• Available ios virtual devices: cordova run ios --list --emulator

• Available iOS Simulators: cordova emulate ios --list

• List the available device types: ios-sim showdevicetypes

• Build in Legacy Mode: