{"id":16728157,"url":"https://github.com/adityasonel/thereactapp","last_synced_at":"2026-02-21T21:33:07.810Z","repository":{"id":123510532,"uuid":"166782203","full_name":"adityasonel/thereactapp","owner":"adityasonel","description":"🚀 A powerful React-Native Modules \u0026 UI Components showcase. That show you the power and wisdom of React-Native in Mobile Application Development (Work in Progress) 🚀","archived":false,"fork":false,"pushed_at":"2019-01-26T06:41:38.000Z","size":16536,"stargazers_count":27,"open_issues_count":0,"forks_count":8,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-24T09:47:10.015Z","etag":null,"topics":["android","ios","react-firebase","react-native","react-native-linear-gradient","react-native-playground","react-native-sample","react-native-template","react-native-vector-icons","reactapp","reactnavigation"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/adityasonel.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-01-21T09:08:00.000Z","updated_at":"2024-10-07T13:29:21.000Z","dependencies_parsed_at":null,"dependency_job_id":"54493688-3125-470f-adfa-4880dbfe6d51","html_url":"https://github.com/adityasonel/thereactapp","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adityasonel%2Fthereactapp","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adityasonel%2Fthereactapp/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adityasonel%2Fthereactapp/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adityasonel%2Fthereactapp/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/adityasonel","download_url":"https://codeload.github.com/adityasonel/thereactapp/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248206856,"owners_count":21065189,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["android","ios","react-firebase","react-native","react-native-linear-gradient","react-native-playground","react-native-sample","react-native-template","react-native-vector-icons","reactapp","reactnavigation"],"created_at":"2024-10-12T23:08:51.408Z","updated_at":"2026-02-21T21:33:02.777Z","avatar_url":"https://github.com/adityasonel.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# TheReactApp 🚀\n\nA powerful React-Native Modules \u0026amp; UI Components showcase. That show you the power and wisdom of React-Native in Mobile Application Development. TheReactApp is a mobile application template built with some others powerfull react native libraries like [React Navigation](https://reactnavigation.org), [React-Native Vector Icon](https://github.com/oblador/react-native-vector-icons), [React-Native Linear Gradient](https://github.com/react-native-community/react-native-linear-gradient). Thanks to all respective developers - this libraries is all you need to build your react native app faster. Working Android Application demo coming soon on [Google PlayStore](https://play.google.com/store). For now you can download working APK here, [Download - TheReactApp](https://github.com/adityasonel/TheReactApp/raw/master/sample/thereactapp.apk)\n\nIf you are newbie React-Native Developer then this repo is 110% for you.\n\n## Screenshots\n\n\u003cimg align=\"left\" src=\"https://github.com/adityasonel/TheReactApp/blob/master/sample/playback.gif\" width=\"200\" height=\"350\" /\u003e\n\u003cimg align=\"left\" src=\"https://github.com/adityasonel/TheReactApp/blob/master/sample/ss-1.png\" width=\"200\" height=\"350\" /\u003e\n\u003cimg align=\"left\" src=\"https://github.com/adityasonel/TheReactApp/blob/master/sample/ss-2.png\" width=\"200\" height=\"350\" /\u003e\n\u003cimg src=\"https://github.com/adityasonel/TheReactApp/blob/master/sample/ss-3.png\" width=\"200\" height=\"350\" /\u003e \n\u003cimg align=\"left\" src=\"https://github.com/adityasonel/TheReactApp/blob/master/sample/ss-4.png\" width=\"200\" height=\"350\" /\u003e\n\u003cimg src=\"https://github.com/adityasonel/TheReactApp/blob/master/sample/ss-5.png\" width=\"200\" height=\"350\" /\u003e\n\n## What's inside\n\n-   [x] Up-to-date code with androidx and xcode libraries\n-   [x] UI/UX Design from best dribbble templates\n-   [x] Firebase Database Integration\n-   [x] Integrate React-Navigation\n-   [x] Integrate React-Native Linear Gradient\n-   [x] Use React-Native Vector Icon\n-   [ ] Transitions with React Navigation Fluid Transition\n-   [ ] Redux Store integration\n-   [ ] Authentication through firebase\n-   [ ] Firebase Cloudstore integration\n-   [ ] Support for large screen devices\n\nAll uncheck features and many more sparking things are coming in future.\n\n## Getting Started\n\n#### 1. Clone and Install\n\n```bash\n# Clone the repo\ngit clone https://github.com/adityasonel/TheReactApp.git\n\n# Install dependencies\nyarn install\n\nor\n\nnpm install\n```\n\n#### 2. Link all native dependencies:\n\n```\nreact-native link\n```\n\nThat's it! Cool, right?\n\n#### 3. Integrate Firebase\n\n[Firebase Database](https://firebase.google.com) is used to render sample data on HomeTab. For fetch data from firebase, you have to add your firebase keys in `FirebaseConfig.js` file that is,\n\n```\nvar FirebaseConfig = {\n    apiKey: BuildConfig.FIREBASE_API_KEY,\n    authDomain: BuildConfig.FIREBASE_AUTH_DOMAIN,\n    databaseURL: BuildConfig.FIREBASE_DB_URL,\n    projectId: BuildConfig.FIREBASE_PROJECT_ID,\n    storageBucket: BuildConfig.FIREBASE_STORAGE_BUCKET\n};\n```\n\nGet all your firebase keys from [Firebase Console](https://console.firebase.google.com/) and add here at `src/config/FirebaseConfig.js`. And that's all!!!\n\nFor more info about how to add firebase to react-native application check this [firebase blog post](https://firebase.googleblog.com/2016/01/the-beginners-guide-to-react-native-and_84.html).\n\n## Currently known issue\n\nAs i stated above i am using latest androidx library in this project. But `react-native-gesture-handler` is still on v4 version of android sdk. So when you try to run application by `react-native run-android`, you can get an error as\n\n```\nerror: package android.support.v4.util does not exist\n```\n\n#### Solving with android studio\n\nIf you are familiar with android studio, you can solve this error by just import latest dependencies. Search for files `RNGestureHandlerEvent.java` and `RNGestureHandlerStateChangeEvent.java` in android studio, replace older version dependencies with newer version. There you go, everything is perfect. Just run application again.\n\n#### Solving without android studio\n\nBut if you are not want to open android studio you can also solve this issue but in much longer way. Search for this to files in project `RNGestureHandlerEvent.java` and `RNGestureHandlerStateChangeEvent.java` or go to file location in your system.\n\nThat is normally, `node_modules/react-native-gesture-handler/android/src/main/java/com/swmansion/gesturehandler/react/` search for above two files and replace this line\n\n```bash\nimport android.support.v4.util.Pools;\n\n# with\n\nimport androidx.core.util.Pools;\n```\n\nThere you go, everything is perfect. Just run application again. But i am not recommending this way because this is not relevant method to solve dependencies or library version issues in android developement.\n\n## Contributing\n\nIf you find any problems, please [open an issue](https://github.com/adityasonel/TheReactApp/issues/new) or submit a fix as a pull request.\n\n## License\n\n[MIT License](LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadityasonel%2Fthereactapp","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fadityasonel%2Fthereactapp","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadityasonel%2Fthereactapp/lists"}