Desenvolvimento multiplataforma:

Não seja hater!

DESENvolvimento na linguagem nativa de cada sistema operacional

criação de um aplicativo por meio de um único processo de desenvolvimento (ou uma única linguagem) que depois poderá ser compilado - ou não - para a linguagem nativa

mais ou menos...

um app desenvolvido e compilado pode ser instalado

a pwa possuí experiência offline e parecida com um app nativo.

Nem todo app multiplataforma é uma pwa, mas toda pwa é multiplataforma.

xamarim

ionic

meteor

react native

cordova

phone gap

melhor ux

extrair o máximo dos os (como interação com ferramentas e hardware)

um projeto para todos os sistemas operacionais

custos menores

menor tempo de desenvolvimento

equipe menor

equipe maior

um projeto para cada os

custos elevados

maior tempo de desenvolvimento

nem sempre é fácil rodar em todos sistemas

experiência de usuário pode não ser tão boa

API

VIEW

BUILD

WEB

IOS

ANDROID

OUTROS

import React, { Component } from 'react';
import { View, Text, StyleSheet } from 'react-native';
export default class Splash extends Component {

  render() {
      return (
          <View style={styles.wrapper}>
              <Text>Hello World</Text>
          </View>
      );
  }
}

const styles = StyleSheet.create({
  wrapper : {
  backgroundColor : 'green',
  flex : 1,
  justifyContent: 'center',
  alignItems: 'center'
  }
});

import React, { Component } from 'react';
import { View, Text, StyleSheet } from 'react-native';
export default class Splash extends Component {

  render() {
      return (
          <View style={styles.wrapper}>
              <Text>Hello World</Text>
          </View>
      );
  }
}

const styles = StyleSheet.create({
  wrapper : {
  backgroundColor : 'green',
  flex : 1,
  justifyContent: 'center',
  alignItems: 'center'
  }
});

import UIKit

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }

    @IBAction func showMessage(sender: UIButton) {
        let alertController = UIAlertController(title: "Welcome to My First App", message: "Hello World", preferredStyle: UIAlertControllerStyle.alert)
        alertController.addAction(UIAlertAction(title: "OK", style: UIAlertActionStyle.default, handler: nil))
        present(alertController, animated: true, completion: nil)
    }

}

sim e não!

twitter: @deboracardu

Obrigada!