React Native

En revolusjon innen apputvikling?

Magnús Dæhlen

Iterate AS

 

Min erfaring med React og React Native

  • Woop - intern kommunikasjonsverktøy
  • Amedias Kommunebasen
  • Routes 
  • En del små prosjekter

React Native

 

Kjapp intro

  • Facebook
  • Bygge native apps med React
  • Tilgjengelig tidlig 2015
  • Helt ny verden for webutviklere
  • Kjører på iPhones JS-core
  render: function() {
    return (
      <View style={styles.container}>
        <View>
          <Text>For a While</Text>
          <Image style={styles.image} source={require('image!forawhile')} />
        </View>
        <Messages messages={Dummy} />
      </View>

    );
  render: function() {
    return (
      <div className="container">
        <div>
          <p>For a While</p>
          <img className="logo" src="./forawhile.png" />
        </div>
        <Messages messages={Dummy} />
      </div>

    );

Structure

  • React
  • Redux
  • NodeJS
  • SASS
  • ++
  • Stores
  • Actions
  • Component structure
  • Layout

Lærdom?

Hvordan bruke erfaringer fra React til React native apps?

  • Gjenbruk av struktur
  • Gjenbruk av logikk
  • Gjenbruk av design

Fordeler

  • Engasjerende
  • Åpner en "ny" verden
  • Lavere terskel

Hva betyr det for meg?

- Native

Pros & cons

Pros

  • Enkelt å starte med utvikling
  • Gjenbruk av struktur
  • Likhet med web for mobil
  • Rask "tilbakemelding"
  • REACT!

Cons

  • Slipper ikke HELT unna Swift/Objective C
  • Fortsatt lite i bruk
  • Performance?

A bit of both

  • Jobber på JS-core, ikke main
  • En abstraksjon

En revolusjon?

Out of time?!

React Native - lightning talk

By Magnús Dæhlen

React Native - lightning talk

  • 963