Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/maheshmuttintidev/react-native-mahesh-muttinti
https://github.com/maheshmuttintidev/react-native-mahesh-muttinti
Last synced: 8 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/maheshmuttintidev/react-native-mahesh-muttinti
- Owner: maheshmuttintidev
- License: mit
- Created: 2024-10-27T16:05:46.000Z (22 days ago)
- Default Branch: main
- Last Pushed: 2024-10-27T16:06:04.000Z (22 days ago)
- Last Synced: 2024-10-27T18:52:41.450Z (22 days ago)
- Language: TypeScript
- Size: 240 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# react-native-mahesh-muttinti
![Build](https://github.com/maheshmuttintidev/react-native-mahesh-muttinti/workflows/Pre%20Merge%20Checks/badge.svg)
This is your new React Native Reproducer project.
# Reproducer TODO list
- [x] 1. Create a new reproducer project.
- [ ] 2. Git clone your repository locally.
- [ ] 3. Edit the project to reproduce the failure you're seeing.
- [ ] 4. Push your changes, so that Github Actions can run the CI.
- [ ] 5. Make sure the repository is public and share the link with the issue you reported.# How to use this Reproducer
This project has been created with `npx @react-native-community/cli init` and is a vanilla React Native app.
> [!IMPORTANT]
> Make sure you have completed the [React Native - Environment Setup](https://reactnative.dev/docs/set-up-your-environment) so that you have a working environment locally.## Step 1: Start the Metro Server
First, you will need to start **Metro**, the JavaScript _bundler_ that ships _with_ React Native.
To start Metro, run the following command from the _root_ of your React Native project:
```bash
# using npm
npm start# OR using Yarn
yarn start
```## Step 2: Start your Application
Let Metro Bundler run in its _own_ terminal. Open a _new_ terminal from the _root_ of your React Native project. Run the following command to start your _Android_ or _iOS_ app:
### For Android
```bash
# using npm
npm run android# OR using Yarn
yarn android
```### For iOS
First, make sure you install dependencies with:
```bash
cd ios && bundle install && bundle exec pod install
```Then you can run the iOS app with:
```bash
# using npm
npm run ios# OR using Yarn
yarn ios
```If everything is set up _correctly_, you should see your new app running in your _Android Emulator_ or _iOS Simulator_ shortly provided you have set up your emulator/simulator correctly.
This is one way to run your app — you can also run it directly from within Android Studio and Xcode respectively.
## Step 3: Modifying your App
Now that you have successfully run the app, let's modify it.
1. Open `App.tsx` in your text editor of choice and edit some lines.
2. For **Android**: Press the R key twice or select **"Reload"** from the **Developer Menu** (Ctrl + M (on Window and Linux) or Cmd ⌘ + M (on macOS)) to see your changes!For **iOS**: Hit Cmd ⌘ + R in your iOS Simulator to reload the app and see your changes!