Expo Router

Olha o que o Expo aprontou!! Ficou sensacional e delicinha!

O Expo é uma plataforma de código aberto para criar aplicativos nativos universais para Android, iOS e web com JavaScript e React-Native.

Quando cria aplicativos para Android e IOS, precisa criar rotas para as páginas serem acessadas tudo manualmente.

Olha o exemplo da própria documentação do React-Navigation:

// In App.js in a new project

import * as React from 'react';

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

import { NavigationContainer } from '@react-navigation/native';

import { createNativeStackNavigator } from '@react-navigation/native-stack';

function HomeScreen() {

  return (

    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>

      <Text>Home Screen</Text>

    </View>

  );

}

const Stack = createNativeStackNavigator();

function App() {

  return (

    <NavigationContainer>

      <Stack.Navigator>

        <Stack.Screen name="Home" component={HomeScreen} />

      </Stack.Navigator>

    </NavigationContainer>

  );

}

export default App;

Imagina que tem um monte de páginas! Dá trabalho? Sim!

Agora, o nosso queridinho Expo criou uma biblioteca que ainda está na versão beta (ou seja, ainda não está 100% concluída), mas que já apresentou uma melhora bem absurda comparado com o React-Navigation.

Assim que sair da versão beta, usarei o Expo Router sem dúvida, até porque é bem-parecido com o Nextjs.

Para ver mais detalhe do Expo Router: https://expo.github.io/router/
Vale assistir o vídeo do Rodrigo da Rocketseat explicando na prática o uso: https://www.youtube.com/watch?v=DtFnUvm3xeU

Comenta o que você achou