Exemplo 1 — Olá, mundo!

Pratica os componentes View e Text.

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

export default function App() {
  return (
    <View>
      <Text>Olá, turma!</Text>
    </View>
  );
}

Exemplo 2 — TextInput e useState

Atualiza a frase conforme o usuário digita seu filme favorito.

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

export default function App() {
  const [filme, setFilme] = useState('');

  return (
    <View style={{ padding: 20 }}>
      <TextInput
        placeholder="Qual o seu filme favorito?"
        value={filme}
        onChangeText={setFilme}
      />
      <Text>Seu filme favorito é: {filme}</Text>
    </View>
  );
}

Exemplo 3 — criar e iniciar

Depois de criar a pasta do projeto, entre nela e inicie o Expo.

npx create-expo-app@latest MeuApp --template blank
cd MeuApp
npx expo start

Exemplo 4 — abrir no navegador

Para testar no navegador, inicie o servidor web do Expo com a tecla de atalho apropriada ou use:

npx expo start --web

A primeira execução pode pedir a instalação de dependências web. Siga as instruções apresentadas no terminal.