{"id":21916211,"url":"https://github.com/youngermaster/react-native-continuous-integration","last_synced_at":"2026-05-04T23:31:39.646Z","repository":{"id":217234550,"uuid":"743350314","full_name":"Youngermaster/React-Native-Continuous-Integration","owner":"Youngermaster","description":"Comprehensive guide and configurations for setting up continuous integration pipelines for React Native applications. ","archived":false,"fork":false,"pushed_at":"2024-01-15T10:53:00.000Z","size":508,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-27T09:28:07.027Z","etag":null,"topics":["continuous-integration","jenkins","react-native","react-native-cicd"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Youngermaster.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-01-15T03:12:20.000Z","updated_at":"2024-01-15T03:45:30.000Z","dependencies_parsed_at":null,"dependency_job_id":"a008b620-690f-4093-a263-e60d6fade6b4","html_url":"https://github.com/Youngermaster/React-Native-Continuous-Integration","commit_stats":null,"previous_names":["youngermaster/react-native-continuous-integration"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Youngermaster%2FReact-Native-Continuous-Integration","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Youngermaster%2FReact-Native-Continuous-Integration/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Youngermaster%2FReact-Native-Continuous-Integration/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Youngermaster%2FReact-Native-Continuous-Integration/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Youngermaster","download_url":"https://codeload.github.com/Youngermaster/React-Native-Continuous-Integration/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244937327,"owners_count":20535120,"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":["continuous-integration","jenkins","react-native","react-native-cicd"],"created_at":"2024-11-28T19:16:58.525Z","updated_at":"2026-05-04T23:31:34.620Z","avatar_url":"https://github.com/Youngermaster.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React Native Continuous Integration\n\nThis repository provides a comprehensive guide and configurations for setting up continuous integration and continuous deployment (CI/CD) pipelines specifically tailored for React Native applications. By leveraging tools like Husky, lint-staged, Jenkins, and SonarQube, you can ensure fast, reliable, and automated builds, testing, and deployment for your React Native projects.\n\n## Table of Contents\n\n- [React Native Continuous Integration](#react-native-continuous-integration)\n  - [Table of Contents](#table-of-contents)\n  - [Introduction](#introduction)\n  - [Getting Started](#getting-started)\n    - [Husky](#husky)\n    - [Lint-staged](#lint-staged)\n    - [Jenkins](#jenkins)\n    - [SonarQube](#sonarqube)\n\n## Introduction\n\nThis repository aims to provide a step-by-step guide to setting up an efficient CI/CD pipeline for your React Native applications. The following tools and services will be utilized:\n\n- **Husky**: A tool for configuring Git hooks, particularly pre-commit hooks, to enforce code quality and consistency before each commit.\n- **lint-staged**: A library that runs linters on only the staged files, making the pre-commit checks faster and more efficient.\n- **Jenkins**: A popular open-source automation server that enables the creation and management of CI/CD pipelines.\n- **SonarQube**: A platform for continuous inspection of code quality, detecting bugs, vulnerabilities, and code smells, and providing detailed reports and recommendations.\n\n## Getting Started\n\n### Husky\n\n1. Install Husky as a development dependency in your React Native project:\n\n   ```bash\n   npm install husky --save-dev\n   ```\n\n2. Add the following configuration to your `package.json`:\n\n   ```json\n   {\n     \"scripts\": {\n       ...\n       \"prepare\": \"husky install\"\n     }\n   }\n   ```\n\n### Lint-staged\n\n1. Install lint-staged as a development dependency in your React Native project:\n\n   ```bash\n   npm install lint-staged --save-dev\n   ```\n\n2. Add the following configuration to your `package.json`:\n\n   ```json\n   {\n     \"**/*.{js,jsx,ts,tsx}\": [\"eslint\"]\n   }\n   ```\n\n3. Add the `eslint` config running `npx eslint --init` and select your desired configuration, or copy the content of `.eslintrc.js` from this project to your project.\n\n### Jenkins\n\n1. Install and configure Jenkins on your server or local machine. Follow the official [Jenkins Installation Guide](https://www.jenkins.io/doc/book/installing/) to get started.\n\n2. Install the necessary plugins in Jenkins, such as the [GitHub Plugin](https://plugins.jenkins.io/github/), [SonarQube Scanner Plugin](https://plugins.jenkins.io/sonar/), and any other required plugins for your specific project.\n\n3. Create a new Jenkins pipeline and configure it with your GitHub repository.\n\n4. Add a `Jenkinsfile` to your React Native project to define the pipeline stages, such as building the application, running tests, and performing static code analysis with SonarQube.\n\n### SonarQube\n\n1. Install and configure SonarQube on your server or local machine. Follow the official [SonarQube Installation Guide](https://docs.sonarqube.org/latest/setup/install-server/) to get started.\n\n2. Configure your React Native project with a `sonar-project.properties` file, specifying the required properties such as `sonar.projectKey`, `sonar.projectName`, `sonar.sources`, and any other necessary settings.\n\n3. In your `Jenkinsfile`, add a stage for running the SonarQube Scanner to analyze your code and send the results to your SonarQube.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyoungermaster%2Freact-native-continuous-integration","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fyoungermaster%2Freact-native-continuous-integration","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyoungermaster%2Freact-native-continuous-integration/lists"}