react nativeは画面描画をいつ行うのか

Question

当方、reactは経験者ですが、reactnativeは初心者です。
expoを使ってbuildをしたのですが、App.jsが以下のようになっていました。

import React from 'react';
import { StyleSheet, Text, View } from 'react-native';

export default function App() {
  return (
    <View style={styles.container}>
      <Text>Open up App.js to start working on your app!</Text>
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});

これは全然理解できるのですが、このApp()をどこで実行しているのでしょうか？上記コードはあくまで定義のみのように思えます。
reactの時はhtmlからクラスやidを取得してそこで実行するみたいなことをやっていたと思います。

class HelloMessage extends React.Component {
  render() {
    return (
      <div>
        Hello {this.props.name}
      </div>
    );
  }
}

ReactDOM.render(
  <HelloMessage name="Taylor" />,
  document.getElementById('hello-example')
);

こんな感じです。
調べてみるとreactnativeにはDOMの概念がないということなので、getElementById('hello-example')とかが叩けないのは何となく分かりました。

そうなるとreactnativeにおいて描画はどのように行われているのか(renderがない?)、そのトリガーはなんなのかがコードを見ただけだと分かりませんでした。
お教えいただける方がいましたらお願いします。

Answer 1

package.jsonのmainでAppEntry.jsを指定して、その中でApp.jsを呼び出しています。

"main": "node_modules/expo/AppEntry.js",

最終行のregisterRootComponent(App);ですね。

Comments

[tomoharu]

遅れてしまい大変申し訳ありませんでした。ありがとうございます。

[madone99]

いえいえ、お休み中ですので。
お役に立ててよかったです。