Upgrade to Pro — share decks privately, control downloads, hide ads and more …

React Nativeと半年間戦ってわかったコト / What I learned afte...

React Nativeと半年間戦ってわかったコト / What I learned after fighting React Native for half a year

Meguro.es #22 (2019/08/08) at メルカリの発表資料です。

Kota Nonaka

August 08, 2019
Tweet

More Decks by Kota Nonaka

Other Decks in Programming

Transcript

  1. 自己紹介 • 名前
 野中 滉太(のなか こうた) • 所属
 Fringe81株式会社 


    (2月からインターン/4月に新卒入社) • Twitter
 @mogamin3 • 好きな技術
 TypeScript/React Native
  2. 自己紹介 • 名前
 野中 滉太(のなか こうた) • 所属
 Fringe81株式会社 


    (2月からインターン/4月に新卒入社) • Twitter
 @mogamin3 • 好きな技術
 TypeScript/React Native 業務で触ってたら好きになったので布教しにきました
  3. ③StyleがCSSっぽく書ける! • React NativeはCSSとほぼ同じ感じで画面のレイアウト組みや装飾を行う
 プロパティ名がキャメルケースになったりするくらいの差 import React, { Component }

    from 'react'; import { View } from 'react-native'; export default class FlexDirectionBasics extends Component { render() { return ( <View style={{flex: 1, flexDirection: 'row'}}> <View style={{width: 50, height: 50, backgroundColor: 'powderblue'}} /> <View style={{width: 50, height: 50, backgroundColor: 'skyblue'}} /> <View style={{width: 50, height: 50, backgroundColor: 'steelblue'}} /> </View> ); } };
  4. 1. Reactの知識が転用できる 2. ちゃんとクロスプラットフォーム 3. CSSっぽいStyle 4. ライブラリ充実 1. JavaScript外の知識が必要

    2. バージョンアップ辛い 3. OS間の挙動差異など 4. 見た目はよしなにしてくれない メリット デメリット