Diese Präsentation wurde erfolgreich gemeldet.
Die SlideShare-Präsentation wird heruntergeladen. ×

React Native for Webと Web componentsで iOS Android Next Railsの共通UIコンポーネントの夢は見れるのか

Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Wird geladen in …3
×

Hier ansehen

1 von 13 Anzeige

React Native for Webと Web componentsで iOS Android Next Railsの共通UIコンポーネントの夢は見れるのか

Herunterladen, um offline zu lesen

React NativeでUI compoenntsを作り、React Native for WebでReactに変換し、PreactでWeb Componentsを作り、Railsで使える。
今後は、locofyがsvelteに対応し、figmaからsvelteでWeb compoentsにできるでしょう

React NativeでUI compoenntsを作り、React Native for WebでReactに変換し、PreactでWeb Componentsを作り、Railsで使える。
今後は、locofyがsvelteに対応し、figmaからsvelteでWeb compoentsにできるでしょう

Anzeige
Anzeige

Weitere Verwandte Inhalte

Aktuellste (20)

Anzeige

React Native for Webと Web componentsで iOS Android Next Railsの共通UIコンポーネントの夢は見れるのか

  1. 1. React Native for Webと Web componentsで iOS Android Next Railsの 共通UIコンポーネントの夢 は見れるのか @kyohah
  2. 2. React Native AndroidとiOSの共通コンポーネント
  3. 3. React Native for Web React Native for Webで素のReact でも使え、Webでも ReactNativeComponentが使用可 能に
  4. 4. Hotwire サーバーはJSONではなく、HTMLを返す JSを書かずにSPAを構築
  5. 5. なぜRailsでhtmlを書きたいのか <p>タイトル: <%= @article.title %></p> class ArticlesController < ApplicationController def show @article = Article.last #↑ SLECT * FROM articles LIMIT 1; の結果が入る end end viewでDBをこれだけで触れる !!!!!
  6. 6. Web Components 2020年にEdgeに対応 マイクロフロントエンドで使われる
  7. 7. preactjs/preact-custom-element
  8. 8. React Nativeで書いたコード ReactNative独自のComponent - TouchableOpacity - Text - View - ScrollView
  9. 9. StoryBook
  10. 10. vite.configに aliasを設定 .storybook/main.js
  11. 11. web componentを作成 html
  12. 12. これから FigmaからSvelteで web componentsu作る時代が来る

×