Native Starter

Wish to have it customized?
If you like our theme, but wish to have it customized your way, you can hire the Start React team to do that for you. Write to us here.

Description

This is a simple starter project for React Native apps on iOS and Android.

Features:

React 16.0.0-alpha.12
React Native 0.45.1
Moment ^2.13.0
Native Base 2.1.4
React Native Code Push 2.0.1-beta
React Native Easy Grid 0.1.8
React Native Modalbox ^1.3.4
React Native Navigation ^1.0.0-beta.11
React Redux ^5.0.2
Redux ^3.6.0

System Requirements

Globally installed node >= 6.0
Globally installed npm >= 4.0
Globally installed react-native CLI
Install CodePush globally and get keys for your app.

Note: Discontinued in favour of ReactNativeSeed.com

Check out the more awesome Pro Version.

Tags: Andriod, iOS, Mobile App, Mobile App Theme, React Native, React Native Android, React Native iOS, Starter Kit.

Download Preview Github Installation steps

Reviews (28)

28 reviews for Native Starter

3 out of 5

Anant – June 26, 2019:

This is really a big and great source of information. We can all contribute and benefit from reading as well as gaining knowledge from this content just amazing experience Thanks for sharing such a nice information.

DedicatedHosting4u.com
5 out of 5

Dai Software – January 3, 2019:

Hey, very nice site. I came across this on Google, and I am stoked that I did. I will definitely be coming back here more often. Wish I could add to the conversation and bring a bit more to the table, but am just taking in as much info as I can at the moment. Thanks for sharing.

React Native Development Company
- admin – February 12, 2019:
  
  Hello! You can contact us at [email protected] for any query.
5 out of 5

jjaammmm – June 8, 2017:

First, thank you so much, its a awesome project, second, I still learning React Native, so PLEASE, can give me a quick tuto to add a new Component/screen to Starter Kit, I appreciate that so much, thank you, Greetings
- admin – September 19, 2017:
  
  Thanks for the appreciation. You can refer NativeBase docs- https://docs.nativebase.io/Components.html#Components.
2 out of 5

Malay Das – February 14, 2017:

starter kit does not work on android with windows 10 , no matter what I try:

Loading dependency graph, done.
Bundling `index.android.js`
Transforming modules ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓░░░░░ 85.1% (512/555)…(node:15312) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 1277): UnableToResolveError: Unable to resolve module C:\studies\react-native\native-starter-kit\node_modules\socketcluster-client\lib\sctransport.j\lib\ws-browser.js from C:\studies\react-native\native-starter-kit\node_modules\socketcluster-client\lib\sctransport.js: Directory C:\studies\react-native\native-starter-kit\node_modules\socketcluster-client\lib\sctransport.j\lib\ws-browser.js doesn’t exist
(node:15312) DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that areBundling `index.android.js`
Analysing…
- admin – March 21, 2017:
  
  Hey Malay,
  Please raise issue on GitHub you are facing such technical issues
3 out of 5

Jayesh Verma – February 10, 2017:

Hi,
I am a Native Android developer, i also intermediate in Ionic 2 development can i go with React native development smoothly or it will take more efforts to build any new App for Android and IOS with React Native.
4 out of 5

MasterMind – February 8, 2017:

Hi,

I’m trying to use the native starter kit you provided but can’t find detailed documentation. I’m facing an issue in creating a new route to go to a new screen. I’m trying to do that from AppNavigator.js:
_renderScene(props) { // eslint-disable-line class-methods-use-this
switch (props.scene.route.key) {
case ‘splashscreen’:
return ;
case ‘login’:
return ;
case ‘slideshow’:
return ;
case ‘home’:
return ;
default :
return ;
}
}

But when I try to use this.replaceRoute() it gives me this error invalid index -1 for replacing route.

Where to define more routes?

Your help would be much appreciated.
- admin – February 9, 2017:
  
  Check the docs of Native Starter Pro
3 out of 5

Tumelo – January 12, 2017:

Hi, I am new to programming, so learning as i go.

When you say did i link it what do you mean “React-native link”. What am i supposed to do to link it?
- admin – January 13, 2017:
  
  react-native link links the third party libraries (if used) in your project
1 out of 5

Tumelo – January 8, 2017:

Hi,
When i try to run this in Xcode, so that i can get the simulator to work and view the app.

I am getting a ‘CodePush.h’ file not found error.

What can i do to fix this, it is difficult to give a proper rating on this.
- admin – January 9, 2017:
  
  Did you run react-native link?
5 out of 5

Chief – January 7, 2017:

This is great and its free. I don’t know why idiot noobs give it 1 star because they don’t know how to code.
- admin – January 9, 2017:
  
  Glad to hear that you found it useful and appreciative
  Check out NativeBase and NativeBase-Market for further help
5 out of 5

Dharam Mali – January 4, 2017:

Just a one word for You/Team “AWESOME”
- admin – January 5, 2017:
  
  Thank you Dharam
  Glad to hear this
2 out of 5

Maneesh Chouksey – November 29, 2016:

I am looking forward to by ecomm but want to get this resolved;

Unable to resolve module react-native/Libraries/Renderer/src/renderers/native/ReactNativePropRegistry from /Users/maneeshchouksey/projects/native-starter-kit-master/node_modules/react-native-easy-grid/Utils/computeProps.js: Module does not exist in the module map or in these directories:
/Users/maneeshchouksey/projects/native-starter-kit-master/node_modules/react-native/Libraries/Renderer/src/renderers/native

This might be related to https://github.com/facebook/react-native/issues/4968
To resolve try the following:
1. Clear watchman watches: `watchman watch-del-all`.
2. Delete the `node_modules` folder: `rm -rf node_modules && npm install`.
3. Reset packager cache: `rm -fr $TMPDIR/react-*` or `npm start — –reset-cache`.

RCTFatal + 104
-[RCTBatchedBridge stopLoadingWithError:] + 1138
__25-[RCTBatchedBridge start]_block_invoke_2 + 65
_dispatch_call_block_and_release + 12
_dispatch_client_callout + 8
_dispatch_main_queue_callback_4CF + 1054
__CFRUNLOOP_IS_SERVICING_THE_MAIN_DISPATCH_QUEUE__ + 9
__CFRunLoopRun + 2205
CFRunLoopRunSpecific + 420
GSEventRunModal + 161
UIApplicationMain + 159
main + 111
start + 1
0x0 + 1
- admin – November 30, 2016:
  
  Seems like you tried to update Native Starter Kit.
  If you are doing so, then please update your app with the latest of NativeBase(0.5.18) and Easy-Grid(0.1.7).
  This will fix your issues.
3 out of 5

Tan – October 31, 2016:

Is there any example on ‘popRoute(passProps)’?
- admin – November 3, 2016:
  
  “passProps” is not the recommended way of passing data between screens. If you’re using any state management library like Redux or MobX, it is recommended that you should save your data in the respective store and access it on the next screen.
  You can check this repository: with working examples.
  
  There are two instances, 1st when we pass the data from email field of Login page to the header of Home page.
  2nd, when we pull the list array from reducer in the home page, and bind the item id to the route of the next page. Hopefully this clears your doubts on how to pass data using redux.
5 out of 5

joe – August 26, 2016:

works out of the box for me!
5 out of 5

Eduardo – August 26, 2016:

I trying send parameters between home and blankPage and i cant to do this, how can i do?
- admin – August 30, 2016:
  
  passProps is not the recommended way of passing data between screens. If you are using any state management library like Redux or MobX, it is recommended that you should save your data in the respective store and access it on the next screen.
  So we will be updating NSK accordingly.
5 out of 5

vladimir – August 23, 2016:

Tried on windows develop environment (VS Code, Win 7)
works from the box
going to try on mac environment
- admin – August 30, 2016:
  
  Good to hear this
4 out of 5

Neil – August 22, 2016:

Trying to set the free version and can’t get it to run, seems files are missing when running on Xcode.
- admin – August 30, 2016:
  
  Raise issue on Github and share screenshot of your simulator
4 out of 5

george – July 31, 2016:

nice starting kit. The best open source kit i tried so far.
- admin – August 1, 2016:
  
  Thanks George.
- admin – August 30, 2016:
  
  Good to hear this
3 out of 5

Alexandre – July 28, 2016:

Hey cool product, but when I look at the code, my eyes are crying. DoubleQuote instead of singlequote, missing space, no Props validation.
I recommend you to install those devDependencies and check your code to make it clean 😉
“eslint”: “^2.13.1”,
“eslint-config-airbnb”
“eslint-plugin-import”
“eslint-plugin-jsx-a11y”
“eslint-plugin-react”
“eslint-plugin-react-native”
- admin – August 30, 2016:
  
  Yes we are adding heavy ESlint rules at the moment.
2 out of 5

Chris – July 25, 2016:

The sidebar isn’t a smooth animation – it’s slightly jerky. It doesn’t feel like a native app. It’s nothing like the sidebar in the facebook f 8app.
- admin – August 30, 2016:
  
  Try with the latest release of NSK and let us know.
1 out of 5

Aharon – July 15, 2016:

Run failed on ios, says missing .babelrc file in my project, the documentation for ios was not relevant
Android version fails for missing locale after googling didnt found a switable answer.
Shortly, this starter does not work out of the box
- admin – July 18, 2016:
  
  We have tested it from our end and it’s working fine. Did you try any other React native project?
1 out of 5

Oldemar – July 5, 2016:

Never made it works…

“this._natievModule.addLitener is not a function. (In ‘this._nativeModule.addListener(eventType)’,this._nativeModule.addListener
- admin – July 7, 2016:
  
  Hi Oldemar,
  
  Please raise an issue about this on the Github repo with more details.
- admin – August 30, 2016:
  
  Try with the latest release of NSK and let us know.
3 out of 5

lio fleishman – June 15, 2016:

cant buil on IOS
- admin – June 15, 2016:
  
  What issue are you facing?
- admin – August 30, 2016:
  
  Try with the latest release of NSK and let us know.
5 out of 5

mike – April 22, 2016:

Just tried the free version and followed the steps – even though it took quit a bit of time to get it all compiled and actually bring the simulator and having the app loaded. It worked first attempt!!! Thanks a lot!
- admin – August 30, 2016:
  
  Good to hear this.
  Checkout the latest release of NSK.
1 out of 5

roland – April 7, 2016:

i try again form clean install , using npm3 , and got this

npm ERR! Darwin 15.4.0
npm ERR! argv “/Users/roland/.nvm/v4.4.2/bin/node” “/Users/roland/.nvm/v4.4.2/lib/node_modules/npm3/node_modules/npm/cli.js” “install”
npm ERR! node v4.4.2
npm ERR! npm v3.8.5
npm ERR! code E403
npm ERR! invalid package : @exponent/react-native-action-sheet
- admin – April 11, 2016:
  
  Yes, don’t use npm3.
  Try npm2.
1 out of 5

roland – April 7, 2016:

I’m unable to install it , got “invalid package : @exponent/react-native-action-sheet” after npm install …
could you provide some help ?
- admin – April 7, 2016:
  
  Hey Roland,
  
  I just tried it on my system and it works fine.
  Are you using npm3?
- admin – August 30, 2016:
  
  Try with the latest release of NSK and let us know.
5 out of 5

David Brear – March 23, 2016:

For a free demo this is really cool. Gives an idea of how to customize some components that I’d been missing. Strongly considering buying the pro version.
- admin – August 30, 2016:
  
  Good to hear this
  Try with the latest release of NSK with NativeBase 0.5.5.
5 out of 5

RSanchez – February 10, 2016:

quick response to my question. thank you! nice product
1 out of 5

RSanchez – February 10, 2016:

need help building the pro version
will change rating to five stars as soon as it actually works.
http://stackoverflow.com/questions/35317197/how-to-link-react-native-vector-icons-to-project

Add a review