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

React Native for Web をはじめよう

React Native for Web をはじめよう

Avatar for moriyuu

moriyuu

July 21, 2020
Tweet

More Decks by moriyuu

Other Decks in Programming

Transcript

  1. stand.fm 技術スタック アプリ - React Native - Flow - Redux

    - Objective-C - Swift - Java - Node.js - express - bull - MongoDB - Redis - Google Kubernetes Engine - React - React Native for Web - Flow - Redux サーバー ウェブ
  2. 基本的な使い方 import .... from ‘react-native’ import .... from ‘react-native-web’ -

    Webpack か babel 等で となってる箇所を と書き換えるだけ → React Native を使っていなくても   React Native for Web だけ使う、というのが可能
  3. semantic な HTML にできるか? - 何も気にしないと、すべてが div になる - aria-label,

    role などの属性は accessibilityLabel, accessibilityRole などの props で対応してるので、適切に 指定してあげれば、良い感じにしてくれる
  4. h t t p s : / / c o

    r p . s t a n d . f m / r e c r u i t メ ンバ ー 募 集 中
  5. stand.fm 技術スタック アプリ - React Native - Flow - Redux

    - Objective-C - Swift - Java - Node.js - express - bull - MongoDB - Redis - Google Kubernetes Engine - React - React Native for Web - Flow - Redux サーバー ウェブ