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

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

2. React Native
AndroidとiOSの共通コンポーネント

3. React Native
for Web
React Native for Webで素のReact
でも使え、Webでも
ReactNativeComponentが使用可
能に

4. Hotwire
サーバーはJSONではなく、HTMLを返す
JSを書かずにSPAを構築

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. Web Components
2020年にEdgeに対応
マイクロフロントエンドで使われる

7. preactjs/preact-custom-element

8. React Nativeで書いたコード
ReactNative独自のComponent
- TouchableOpacity
- Text
- View
- ScrollView

9. StoryBook

10. vite.configに
aliasを設定
.storybook/main.js

11. web componentを作成
html

13. これから
FigmaからSvelteで
web componentsu作る時代が来る