Artur Y artyorsh

React Native Metro and Babel resolver functions for monorepo projects

Have you ever faced troubles when configuring a fresh react-native app to test your framework locally? These utility functions will help you to configure metro and babel to run your monorepo-structured framework and test it's modules without a need to publish them.

Simply copy and paste the files below into your project root and follow the guides explained in both of them.

See an Example project

	import React from 'react';
	import { NavigationNativeContainer } from '@react-navigation/native';
	import { createStackNavigator } from '@react-navigation/stack';
	import { AuthNavigator } from './auth.navigator';
	import { AppRoute } from './app-routes';

	const Stack = createStackNavigator();

	export const AppNavigator = (config): React.ReactElement => (
	<NavigationNativeContainer>

	import React from 'react';
	import { createStackNavigator } from '@react-navigation/stack';
	import { SignInScreen, SignUpScreen, ResetPasswordScreen } from '@app-scenes/auth';
	import { AppRoute } from './app-routes';

	const Stack = createStackNavigator();

	export const AuthNavigator = (): React.ReactElement => (
	<Stack.Navigator headerMode='none'>
	<Stack.Screen name={AppRoute.SIGN_IN} component={SignInScreen}/>

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

	const Stack = createStackNavigator();

	export const AuthNavigator = (): React.ReactElement => (
	<Stack.Navigator headerMode='none'>
	<Stack.Screen name='Sign In' component={SignInScreen}/>
	<Stack.Screen name='Sign Up' component={SignUpScreen}/>
	</Stack.Navigator>
	);

	import * as React from 'react';
	import {
	RefreshControl as RNRefreshControl,
	RefreshControlProps as RNRefreshControlProps,
	StyleSheet,
	View,
	ViewProps,
	} from 'react-native';
	import {
	Spinner,