mmazzarolo

import Parse from 'parse/node'
import { afterEach, describe, it } from 'mocha'
import chai from 'chai'
import chaiAsPromised from 'chai-as-promised'

import { resetParse, getAdminUser } from '../../../test/parseHelper'
import errors from '../../utils/errors'

chai.use(chaiAsPromised)
const assert = chai.assert

mmazzarolo

// 1. Define a state variable for showing/hiding the action-button 
state = {
  isActionButtonVisible: true
}

// 2. Define a variable that will keep track of the current scroll position
_listViewOffset = 0

// 3. Add an onScroll listener to your listview/scrollview
<ListView

mmazzarolo

import React, { PropTypes } from 'react'

import styles from './index.style.css'

const CustomListItem = ({ onClick, leftContent, rightContent, ...props }) => {
  return (
    <div className={styles.container} onClick={onClick} {...props}>
      <div className={styles.left}>{leftContent}</div>
      <div className={styles.right}>{rightContent}</div>
    </div>

mmazzarolo

/* @flow */
import React, { Component } from 'react'
import { View } from 'react-native-animatable'
import metrics from 'src/config/metrics'

type Props = {
  isVisible: boolean,
  backgroundColor: string,
  animationTiming?: boolean
}

mmazzarolo

# 1. Make sure to globally install the npm ios-deploy module first:
npm i -g ios-deploy

# 2. Run the following command:
react-native run-ios --device

# Hint - You can also specify the device name if needed:
react-native run-ios --device "Paul's iPhone"

mmazzarolo

'use latest';

/**
 * A simple tasks that renders a page where an user can input a phone number and its recipient to send an SMS message using the Twilio APis.
 * Please keep in mind that the following environment variables are required:
 * TWILIO_SID: The SID token of your Twilio account
 * TWILIO_AUTH_TOKEN: The auth token of your Twilio account
 * TWILIO_FROM_NUMBER: The sender of the SMS (created in your Twilio account)
 */

mmazzarolo

Async/Await, Promises, callbacks

Event driven architecture, event loop

Callback

• Come funzionano (esempio)

const fs = require('fs');

mmazzarolo

#!/bin/bash
# Starts the metro bundler and runs react-native in a single terminal (à la Expo).
# CTRL + C kills the metro bundler.
# Arguments: 
# -p Development platform [ios (default), android].
# -s Starts scrcpy too. Android only. (https://github.com/Genymobile/scrcpy)

COLOR_RED='\033[0;31m'
COLOR_CYAN='\033[0;36m'
COLOR_PURPLE='\033[0;35m'

mmazzarolo

import * as React from "react";
import { StyleSheet, Text, View } from "react-native";

class LoginScreen extends React.Component<{}> {
  render() {
    return (
      <View style={styles.container}>
        <Text>Welcome to the login screen!</Text>
      </View>
    );

mmazzarolo

import * as React from "react";
import { StyleSheet, TextInput } from "react-native";

const BLUE = "#428AF8";
const LIGHT_GRAY = "#D3D3D3";

class MyTextInput extends React.Component {
  state = {
    isFocused: false
  };