rn-starter-boilerplate
v1.1.2
Published
๐ React Native Starter Boilerplate Quickly set up a clean and scalable React Native app structure with reusable components, navigation, themes, and AWS integration.
Downloads
42
Readme
๐ React Native Starter Boilerplate Quickly set up a clean and scalable React Native app structure with reusable components, navigation, themes, and AWS integration.
๐ฆ Installation & Setup
๐งฉ Step 1: Create a new React Native app
npx @react-native-community/cli@latest init myApp
cd myApp
๐ฅ Step 2: Install the boilerplate package
npm install rn-starter-boilerplate
โ๏ธ Step 3: Run the CLI to generate the src/ folder
npx rn-starter-boilerplate
โ This will create a src/ folder with prebuilt components, layouts, routes, and theme files.
๐ Step 4: Add you aws-export file here๐
src/aws-export.js
๐จ Step 5: Customize Your Theme Update colors, spacing, and fonts inside:
src/theme.json
๐ ๏ธ Step 6: Replace the contents of App.tsx
import { Amplify } from 'aws-amplify';
import { NavigationContainer } from '@react-navigation/native';
import awsconfig from './src/aws-export';
import { UserProvider } from './src/store/UserContext';
import Routes from './src/routes/Routes';
Amplify.configure(awsconfig);
export default function App() {
return (
<NavigationContainer>
<UserProvider>
<Routes />
</UserProvider>
</NavigationContainer>
);
}โ Done! You're now ready to start building with a fully organized project structure. Happy coding! ๐"# react-native-boilerplate" "# react-native-boilerplate"
