{"id":13463004,"url":"https://github.com/start-react/native-starter-kit","last_synced_at":"2025-04-08T09:10:42.686Z","repository":{"id":75456270,"uuid":"45105867","full_name":"start-react/native-starter-kit","owner":"start-react","description":"React Native Starter App with NativeBase + CodePush + Redux","archived":false,"fork":false,"pushed_at":"2018-09-12T01:05:08.000Z","size":29945,"stargazers_count":1587,"open_issues_count":13,"forks_count":370,"subscribers_count":64,"default_branch":"master","last_synced_at":"2025-04-01T08:34:44.706Z","etag":null,"topics":["codepush","nativebase","react","react-native","redux"],"latest_commit_sha":null,"homepage":"http://GeekyAnts.com","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/start-react.png","metadata":{"files":{"readme":"README.md","changelog":"ChangeLog.md","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}},"created_at":"2015-10-28T10:46:27.000Z","updated_at":"2025-03-21T16:10:21.000Z","dependencies_parsed_at":null,"dependency_job_id":"a67e6392-91f6-4537-a2fe-6b79da2c7413","html_url":"https://github.com/start-react/native-starter-kit","commit_stats":null,"previous_names":[],"tags_count":7,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/start-react%2Fnative-starter-kit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/start-react%2Fnative-starter-kit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/start-react%2Fnative-starter-kit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/start-react%2Fnative-starter-kit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/start-react","download_url":"https://codeload.github.com/start-react/native-starter-kit/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247809964,"owners_count":20999816,"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":["codepush","nativebase","react","react-native","redux"],"created_at":"2024-07-31T13:00:43.823Z","updated_at":"2025-04-08T09:10:42.665Z","avatar_url":"https://github.com/start-react.png","language":"JavaScript","readme":"**Discontinued in favour of [ReactNativeSeed.com](https://reactnativeseed.com/)**\n\n## Native Starter Kit v6.1.0\n\n### A Starter Kit for [React Native](https://facebook.github.io/react-native/docs/getting-started.html) + [NativeBase](https://nativebase.io/) + [React Navigation](https://reactnavigation.org/) + [Redux](http://redux.js.org) + [CodePush](https://github.com/Microsoft/react-native-code-push) Apps (iOS \u0026 Android)\n\n*Brought to you by [NativeBase](https://nativebase.io/)*\n\n\n![Native-Starter-Kit](/Screenshots/logo.png)\n\n\n#### A simple starter project for [React Native](https://facebook.github.io/react-native/docs/getting-started.html) + [NativeBase](https://nativebase.io/) + [React Navigation](https://reactnavigation.org/) + [Redux](http://redux.js.org) + [CodePush](https://github.com/Microsoft/react-native-code-push) apps on iOS and Android.\n**Note:** Shifted to [React Navigation](https://reactnavigation.org/) from [React Native Router Flux](https://github.com/aksonov/react-native-router-flux) in the master branch. [React Navigation](https://reactnavigation.org/) has become standard for navigation solution in [React Native](https://facebook.github.io/react-native/docs/getting-started.html). We are just keeping up with the current trend.\n\nNo need of reinventing the wheel. To have immediately something to continue building on, it would be best to start from some starter kit for getting React Native - based applications off the ground in a hurry.\n\nThis is a starter kit that you can install on the fly to get the basic plumbing of React Native with NativeBase, Redux and CodePush.\n\n*Find out more Free [React JS Themes](http://www.startreact.com/) and [React Native Themes](https://www.startreact.com/).*\n\n# Content\n\n-\t[Screens](#screens)\n-\t[Technologies](#technologies)\n-\t[Get Started](#get-started)\n\n\n## Screens\n\n ![ios-demo](/Screenshots/iOS/demo.gif)\n\n## Technologies\n*Technologies used in Native Starter Kit*\n\n### [React Native](https://github.com/facebook/react-native)\nReact Native helps in making the development work easier and allowing the developers to focus on the core app features in every new release. It is the fastest-developing mobile app development that essentially permits you to create an isolated product with often outcomes.\n\n**The hymn of React Native — learn once, write anywhere.**\n\nReact Native takes charge of the view controllers and programmatically generates native views using javascript. This means that you can have all the speed and power of a native application, with the ease of development that comes with React.\n\n\n### [NativeBase](https://nativebase.io/)\n\nNativeBase is a free and open source framework.\n\nThis framework enable developers to build high-quality mobile apps using React Native iOS and Android apps with a fusion of ES6. NativeBase builds a layer on top of React Native that provides you with basic set of components for mobile application development.\n\nThe applications stack of components is built using native UI components and because of that, there are no compromises with the User Experience of the applications.  NativeBase is targeted specially on the look and feel, and UI interplay of your app.\n\nNativeBase without a doubt fits in well with mobile applications which cut downs one huge part of your app The Front end.\n\n-\t*[On GitHub](https://github.com/GeekyAnts/NativeBase)*\n-\t*[NativeBase Features](https://docs.nativebase.io/)*\n-\t*[NativeBase Components](https://docs.nativebase.io/Components.html#Components)*\n-\t*[Docs](https://docs.nativebase.io/Components.html#Components)*\n-\t*[Blog](https://blog.nativebase.io/)*\n\n\n### [Redux](http://redux.js.org)\n\nAs the requirements for JavaScript single-page applications have become increasingly complicated, our code must manage more state than ever before. UI state is also increasing in complexity, as we need to manage the active route, the selected tab, whether to show a spinner or not, should pagination controls be displayed, and so on.\n\nRedux is a predictable state container for JavaScript apps. It helps you write applications that behave consistently, run in different environments (client, server, and native), and are easy to test.\n\nRedux attempts to make state mutations predictable by imposing certain restrictions on how and when updates can happen. These restrictions are reflected in the steps of three.\n\n-\tThe **state** of whole application is stored in an object tree within a single **store**.\n-\tThe only way to mutate the state is to emit an **action**, an object describing what happened.\n-\tTo specify how the state tree is transformed by actions, you write pure **reducers**.\n\n\n### [CodePush](https://github.com/Microsoft/react-native-code-push)\n\nReact Native app is composed of JavaScript files, images, which are bundled together by the packager and distributed as part of a platform-specific binary (i.e. an .ipa or .apk file). Once the app is released, updating either the JavaScript code or image assets, requires you to recompile and redistribute the entire binary.\n\nThe CodePush plugin helps get product improvements in front of your end users instantly, with the aid of preserving your javascript and images synchronized with updates you launch to the CodePush server. This way, your app gets the benefits of an offline mobile experience, as well as the \"web-like\" agility of side-loading updates as soon as they are available.\n\n\n\n### [React Navigation](https://reactnavigation.org/)\n[React Navigation](https://reactnavigation.org/) is a routing package that allows you to:\n  * Declare different kinds of Routers.\n  * Routers fall into the category of **StackNavigator ,** **DrawerNavigator ,** and **TabNavigator**.\n  * We can also nest these Routers for more complex transitions.\n\n\n\n### [React Native Easy Grid](https://github.com/GeekyAnts/react-native-easy-grid)\n\nReact Native Easy Grid is an open source package for grid layout from the team of [NativeBase](https://nativebase.io/).\n\nThe layout system is an essential concept that needs to be mastered in order to create great layouts and UIs. [React Native](https://github.com/facebook/react-native) uses Flexbox to create the layouts, which is great when we need to accommodate our components and views in different screen sizes or even different devices. Flexbox is awesome but it could be tiresome for newbies.\n\nEasy Grid is very powerful and flexible layout system. No more worries about props of Flexbox such as alignItems, flexDirection, justifyContent, margin, padding, position, width etc. You can create any layout with all the available options that we have. Flexbox makes it look like percentages, however what actually is happening is just ratios. On the easier part, ratios are easier to represent than percentage/decimals. For this reason, the Easy Grid takes in ratios in place of percentage.\nPerformance wise, Easy Grid is noteworthy and works as fine as Flexbox, not much of calculation.\n\n[More Examples](https://docs.nativebase.io/Components.html#Layout) . . .\n\n\n### [React Native-NativeBase Seed](https://github.com/GeekyAnts/react-native-native-base-seed)\n\nReact Native-NativeBase Seed is a basic configuration that every React Native app must have.\n\nThis is open source and perfect for any newbie to start with React Native.\n\nThis is a [React Native](https://github.com/facebook/react-native) Project with [NativeBase](https://docs.nativebase.io/), [React Navigation](https://reactnavigation.org/), [Redux](http://redux.js.org/), [CodePush](https://github.com/Microsoft/react-native-code-push), Push Notification and other basic must-have libraries.\n\n\n## Get Started\n\n### 1. System Requirements\n\n* Globally installed [node](https://nodejs.org/en/)\n\n* Globally installed [react-native CLI](https://facebook.github.io/react-native/docs/getting-started.html)\n\n* Install [CodePush](https://microsoft.github.io/code-push/) globally and get keys for your app.\n\n\n### 2. Installation\n\nOn the command prompt run the following commands\n\n```sh\n$ git clone https://github.com/start-react/native-starter-kit.git\n\n$ cd native-starter-kit/\n\n$ npm install\n```\n\n```sh\n$ react-native link\n```\n\n[CodePush](https://github.com/Microsoft/react-native-code-push) plugin installation and key deployment.\n\n\n### 3. Simulate for iOS\n\n**Method One**\n\n*\tOpen the project in XCode from **ios/NativeStarterKit.xcodeproj**\n\n*\tHit the play button.\n\n\n**Method Two**\n\n*\tRun the following command in your terminal\n\n```sh\n$ react-native run-ios\n```\n\n### 4. Simulate for Android\n\n*\tMake sure you have an **Android emulator** installed and running.\n\n*\tRun the following command in your terminal\n\n```sh\n$ react-native run-android\n```\n\nNote: If you are building Native Starter Kit for first time on your system, please follow Method One to simulate on iOS. (To link the CodePush plugin through Xcode for iOS)\n\n\nFor apps with more advance designs, please visit **[NativeBase Market](https://market.nativebase.io/)**.\n","funding_links":[],"categories":["Seeds","Libraries"],"sub_categories":["Other Platforms","综合"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstart-react%2Fnative-starter-kit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fstart-react%2Fnative-starter-kit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstart-react%2Fnative-starter-kit/lists"}