{"id":22203827,"url":"https://github.com/developer-sumit/react-native-lab","last_synced_at":"2025-07-27T05:32:25.138Z","repository":{"id":263280353,"uuid":"889901998","full_name":"developer-sumit/react-native-lab","owner":"developer-sumit","description":"React Native CLI Setup is a npm package that automates the setup of your React Native development environment, including essential installations and project initialization.","archived":false,"fork":false,"pushed_at":"2024-11-26T08:11:33.000Z","size":63,"stargazers_count":4,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-12-01T18:21:56.494Z","etag":null,"topics":["npm","npm-package","react-native","react-native-app","react-native-cli","react-native-jdk-setup","react-native-package","react-native-setup","react-native-web","reactnative"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/react-native-cli-setup","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/developer-sumit.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":"2024-11-17T14:34:27.000Z","updated_at":"2024-12-01T10:23:44.000Z","dependencies_parsed_at":"2024-11-17T14:54:27.483Z","dependency_job_id":"001269ac-5bde-4d54-9ab5-a20433c25aac","html_url":"https://github.com/developer-sumit/react-native-lab","commit_stats":null,"previous_names":["developer-sumit/react-native-cli-setup","developer-sumit/react-native-lab"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/developer-sumit%2Freact-native-lab","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/developer-sumit%2Freact-native-lab/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/developer-sumit%2Freact-native-lab/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/developer-sumit%2Freact-native-lab/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/developer-sumit","download_url":"https://codeload.github.com/developer-sumit/react-native-lab/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":227750787,"owners_count":17814229,"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":["npm","npm-package","react-native","react-native-app","react-native-cli","react-native-jdk-setup","react-native-package","react-native-setup","react-native-web","reactnative"],"created_at":"2024-12-02T17:14:33.389Z","updated_at":"2025-07-27T05:32:25.126Z","avatar_url":"https://github.com/developer-sumit.png","language":"JavaScript","readme":"\u003ch1 style=\"text-align: center;\"\u003eReact Native Lab\u003c/h1\u003e\n\n![Github License](./images/banner.jpg)\n\n![Github License](https://img.shields.io/github/license/developer-sumit/react-native-lab)\n\n**GITHUB** \\\n![Github Version](https://img.shields.io/github/package-json/v/developer-sumit/react-native-lab)\n![Github Repo Created At](https://img.shields.io/github/created-at/developer-sumit/react-native-lab)\n![Github Repo Contributors](https://img.shields.io/github/contributors/developer-sumit/react-native-lab)\n![Github Repo Fork](https://img.shields.io/github/forks/developer-sumit/react-native-lab)\n[![NPM Package](https://github.com/developer-sumit/react-native-lab/actions/workflows/publish.yml/badge.svg)](https://github.com/developer-sumit/react-native-lab/actions/workflows/publish.yml)\n\n**NPM** \\\n![NPM Package Version](https://img.shields.io/npm/v/react-native-lab)\n![NPM Package Last Updated](https://img.shields.io/npm/last-update/react-native-lab)\n![NPM Package Downloads](https://img.shields.io/npm/d18m/react-native-lab)\n\n`react-native-lab` is a cli tool to set up a React Native project with some pre-defined configurations. This tool helps you quickly set up a React Native development environment, including installing necessary dependencies like JDK, Android Studio.\n\nThis project is inspired by the simplicity and effectiveness of [create-next-app](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).\n\n\u003ch2 style=\"text-align: center;\"\u003eTable of Contents\u003c/h2\u003e\n\n- 🚀 [Features](#features)\n- 📸 [Screenshots](#screenshots)\n- ⚙️ [Prerequisites](#prerequisites)\n- 🏁 [Getting Started](#getting-started)\n- 🛠️ [Common Issues](#common-issues)\n- 🆘 [Getting Help](#getting-help)\n- 🤝 [Contributing](#contributing)\n- 📜 [License](#license)\n\n\u003ch2 id=\"features\" style=\"text-align: center;\"\u003e🚀 Features\u003c/h2\u003e\n\n1. **Installs JDK (OpenJDK)**: Automatically installs the necessary JDK for Android development.\n1. **Installs Android Studio**: Sets up Android Studio, including the necessary SDKs and tools.\n1. **Sets Environment Variables**: Configures system environment variables such as `ANDROID_HOME`, `ANDROID_SDK_ROOT`, and `JAVA_HOME`.\n1. **Pre-built Templates**: Choose from a variety of pre-built templates to kickstart your React Native project.\n\n   - `Blank`\n   - `Bottom Navigation`\n   - `Drawer Navigation`\n   - `Stack Navigation`\n1. **Project Structure**: Creates an `src` folder for you want.\n1. **Cross-Platform Support**: Works on `Windows`, `macOS`, and `Linux`.\n1. **Environment Setup**:\n   - Sets up a `.env` file for managing environment variables.\n   - Offers choice between `react-native-config` and `react-native-dotenv` for handling environment variables.\n1. **Alias Configuration**: Configures path aliases for cleaner and more manageable imports.\n1. **NativeWind Integration**: Install and configure NativeWind for styling.\n1. **React Native Version Selection**: Allows you to set up the project with your preferred React Native version.\n1. **Console Remover**: Automatically removes console logs in production builds, enhancing security and slightly reducing app size.\n1. **Custom Hooks**: Option to include a set of useful custom hooks:\n   - `useDebounce`: Delays invoking a function until after a wait period.\n   - `useThrottle`: Limits the rate at which a function can fire.\n   - `usePrevious`: Accesses the previous value of a state or prop.\n   - `useOrientation`: Detects and responds to device orientation changes.\n   - `useResponsiveLayout`: Provides responsive layout information based on screen size.\n\n![Custom Hooks](./images/screenshots/all-prompts.png)\n\n\u003ch2 id=\"screenshots\" style=\"text-align: center;\"\u003e📸 Screenshots\u003c/h2\u003e\n\nHere are the available templates you can use with `react-native-lab`:\n\n\u003cdiv style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); gap: 15px; max-width: 500px;\"\u003e\n  \u003cdiv style=\"text-align: center;\"\u003e\n    \u003ch4\u003eBlank Template\u003c/h4\u003e\n    \u003cimg src=\"./images/blank-template.png\" alt=\"Blank Template\" style=\"width: 100%; border-radius: 10px;\"\u003e\n  \u003c/div\u003e\n  \u003cdiv style=\"text-align: center;\"\u003e\n    \u003ch4\u003eNavigation Template\u003c/h4\u003e\n    \u003cimg src=\"./images/navigation-template.png\" alt=\"Navigation Template\" style=\"width: 100%; border-radius: 10px;\"\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n\n\u003ch2 id=\"prerequisites\" style=\"text-align: center;\"\u003e⚙️ Prerequisites\u003c/h2\u003e\n\n- Node.js (v18 or higher)\n- npm (v6 or higher)\n\n\u003ch2 id=\"getting-started\" style=\"text-align: center;\"\u003e🏁 Getting Started\u003c/h2\u003e\n\nTo get started with `react-native-lab`, follow these steps:\n\n1. Ensure you have all the prerequisites installed on your system.\n2. You can use `npx` to run the tool without installing it:\n   ```sh\n   npx react-native-lab@latest\n   ```\n\n\u003ch2 id=\"common-issues\" style=\"text-align: center;\"\u003e🛠️ Common Issues\u003c/h2\u003e\n\n- **Installation Errors**: Ensure you have the correct versions of Node.js and npm installed. Try clearing the npm cache:\n  ```sh\n  npm cache clean --force\n  ```\n- **Permission Errors**: Run the command with elevated privileges (e.g., using `sudo` on macOS/Linux or running the terminal as an administrator on Windows).\n\n\u003ch2 id=\"getting-help\" style=\"text-align: center;\"\u003e🆘 Getting Help\u003c/h2\u003e\n\nIf you need further assistance, you can:\n\n- Check the [GitHub Issues](https://github.com/developer-sumit/react-native-lab/issues) for similar problems.\n- Open a new issue with detailed information about your problem.\n- Reach out to the community for support.\n\nBy following these steps, you should be able to resolve most issues and get your React Native project up and running smoothly.\n\n\u003ch2 id=\"contributing\" style=\"text-align: center;\"\u003e🤝 Contributing\u003c/h2\u003e\n\nContributions are welcome! If you have any ideas, suggestions, or bug reports, please open an issue or submit a pull request.\n\nTo contribute:\n\n1. Fork the repository.\n2. Create a new branch (`git checkout -b feature`).\n3. Make your changes.\n4. Commit your changes (`git commit -m 'Add some feature'`).\n5. Push to the branch (`git push origin feature`).\n6. Open a pull request.\n\nPlease make sure to follow the project's coding guidelines and standards.\n\n\u003ch2 id=\"license\" style=\"text-align: center;\"\u003e📜 License\u003c/h2\u003e\n\nThis project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.\n\n\u003ch2 id=\"changelog\" style=\"text-align: center;\"\u003e📜 Changelog\u003c/h2\u003e\n\nFor a detailed list of changes and updates, please refer to the [Changelog](./CHANGELOG.md).\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdeveloper-sumit%2Freact-native-lab","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdeveloper-sumit%2Freact-native-lab","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdeveloper-sumit%2Freact-native-lab/lists"}