Template cleanup

README.md

@@ -1,17 +1,79 @@
-# React Native Reproducer
+# ViewGroupIssue
+
+![Build](https://github.com/ulricden/ViewGroupIssue/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]  
-> Do not just **fork** this repository, but use instead the [![Use this template](https://img.shields.io/badge/-Use%20this%20template-brightgreen)](https://github.com/cortinico/reproducer-react-native/generate) button on GitHub.
+> 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 the React Native **reproducer** template. 
+This is one way to run your app — you can also run it directly from within Android Studio and Xcode respectively.
 
-You can use this template to create a minimal, complete, and reproducible project that the community can use to understand what's your problem. You can read more about the principles of a good reproducible project [here](https://stackoverflow.com/help/mcve).
+## Step 3: Modifying your App
 
-This template is up to date with `react-native@latest` as you can find it on [npm](https://www.npmjs.com/package/react-native/v/latest).
+Now that you have successfully run the app, let's modify it.
 
-## How to use this repository
+1. Open `App.tsx` in your text editor of choice and edit some lines.
+2. For **Android**: Press the <kbd>R</kbd> key twice or select **"Reload"** from the **Developer Menu** (<kbd>Ctrl</kbd> + <kbd>M</kbd> (on Window and Linux) or <kbd>Cmd ⌘</kbd> + <kbd>M</kbd> (on macOS)) to see your changes!
 
-1. Click on [![Use this template](https://img.shields.io/badge/-Use%20this%20template-brightgreen)](https://github.com/cortinico/reproducer-react-native/generate) button to create a new repository starting from this one.
-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.
+   For **iOS**: Hit <kbd>Cmd ⌘</kbd> + <kbd>R</kbd> in your iOS Simulator to reload the app and see your changes!