
How many `React Native` Navigation solutions are just too many?  
We don't know yet, keep 'em coming!

AirBnB joins the race for the best `React Native` Navigation solution with its `Native Navigation`

## [Native Navigation](http://airbnb.io/native-navigation/).

## [native-navigation](https://github.com/airbnb/native-navigation) on GitHub

> Native Navigation is a navigation library for the React Native platform. There are many navigation libraries in the React Native ecosystem. Native Navigation is unique in that it is built on top of  
> the iOS and Android platform navigational components, and is this more "native" than most other  
> options which implement navigation from scratch in JavaScript on top of base React Native components  
> like `View` and `Animated`.
>
> [React Native Navigation](https://github.com/wix/react-native-navigation) by Wix engineering is an alternative library that uses "Native" navigation components of each platform, and has been around  
> longer than `Native Navigation`. If you need a stable / production-ready navigation library _today_  
> that uses native platform based navigation components, we recommend you check this library out.
>
> If you are investigating navigation solutions and you are okay with JavaScript-based solutions, we  
> also encourage you to check out [React Navigation](https://reactnavigation.org/).


Native Navigation


[React Conf](http://conf.reactjs.org) is back this year and so are some new exciting announcements. News is out that [Create React Native App](https://github.com/react-community/create-react-native-app) is now officially out.

If you used [CRA](https://github.com/facebookincubator/create-react-app) before then you will already know that this will let you create a bootstrapped app with some simple commands.

```
$ npm i -g create-react-native-app
$ create-react-native-app my-project
$ cd my-project
$ npm start
```

This will let you develop pure `JavaScript` applications, if you then will need to wrap native libraries then you can run `npm run eject` and `react-native link` as you would normally do after a `react-native init`.

# [Introducing Create React Native App](http://facebook.github.io/react-native/blog/2017/03/13/introducing-create-react-native-app.html) blog post


Create React Native App

React Native February 2017 (v0.42.0) released


## [v0.41.0](https://github.com/facebook/react-native/releases/tag/v0.41.0) on GitHub ([npm](https://www.npmjs.com/package/react-native))

---

This is 0.41.0 release, referred to as "January 2017" according to the new release schedule.

## New features

### Android: Nodes

> This feature is currently experimental. You can turn it on by applying [this](https://github.com/facebook/react-native/tree/master/ReactAndroid/src/main/java/com/facebook/react/flat#how-to-test) in your `ReactNativeHost` subclass.

Nodes is an experimental, alternate version of UIImplementation for ReactNative on Android. It has two main advantages over the existing UIImplementation:

- Support for `overflow:visible` on Android.
- More efficient generation of view hierarchies.

The intention is to ultimately replace the existing UIImplementation on Android with Nodes (after all the issues are ironed out).

Feature development and bug-fixes related to `Nodes` are listed below in a separate section for better clarity.

Check the [readme](https://github.com/facebook/react-native/tree/master/ReactAndroid/src/main/java/com/facebook/react/flat) for more details.

## Breaking changes

### Android: Change ReactNativeHost getUseDeveloperSupport to public

> [f3c8158](https://github.com/facebook/react-native/commit/f3c8158773edf418833ff0032414433edbc6cd62) - [@jpshelley](https://github.com/jpshelley)

This changes the visibility of `getUseDeveloperSupport` from `protected` to `public`. In order to upgrade, you should replace the following in your `MainApplication.java`:

protected boolean getUseDeveloperSupport() {

with

public boolean getUseDeveloperSupport() {

### Android: ReactClippingViewGroup is moved to another package

> [57ebb98](https://github.com/facebook/react-native/commit/57ebb98d1900bdacd94521ae99fd45cb1d22ec8e) - [@astreet](https://github.com/astreet)

Developers using `ReactClippingViewGroup` may need to update their imports from:

import com.facebook.react.views.view.ReactClippingViewGroupHelper;

to

import com.facebook.react.uimanager.ReactClippingViewGroupHelper;

## General

### Bugfixes

- Fix sizing of container with child overflowing parent ([8d2a034](https://github.com/facebook/react-native/commit/8d2a034f9c18988a6a63726767bddecd0d02424d)) - [@emilsjolander](https://github.com/emilsjolander)
- Fix babelHelpers.typeof is not a function ([ab89b71](https://github.com/facebook/react-native/commit/ab89b7195d1eea1c096d4134fba3ec517580bbb3)) - [@cmcewen](https://github.com/cmcewen)
- Fix jest tests ([8305743](https://github.com/facebook/react-native/commit/8305743725ed4244c04a16c56ba035e327a7d5c1)) - [@grabbou](https://github.com/grabbou)
- CLI: Fix error when there is no windows project ([5927646](https://github.com/facebook/react-native/commit/59276468f289adfec418768366086882453878ea)) - [@rh389](https://github.com/rh389)
- Inspector: Fix error when Touchables inspector is shown ([5f8d7ac](https://github.com/facebook/react-native/commit/5f8d7ac61817f7cb9fa08a39c513a1114f69746e)) - [@magicismight](https://github.com/magicismight)
- Inspector: Fix inspector overflow ([21ba956](https://github.com/facebook/react-native/commit/21ba956560a18ea6b83da798fbebed88312b3c49)) - [@sahrens](https://github.com/sahrens)
- Packager: Fix the `path.sep` replacement of node-haste for Windows ([2249af1](https://github.com/facebook/react-native/commit/2249af16b7ee84d3e25ca7e827e725c7994f936d)) - [@jhen0409](https://github.com/jhen0409)
- Packager: TerminalReporter: remove underline/emoji ([04fdf40](https://github.com/facebook/react-native/commit/04fdf40c612adddca77b08becf398a9b31f56f6a)) - [@jeanlauliac](https://github.com/jeanlauliac)
- Packager: TerminalReporter: properly reporting bundle updates ([3d12ddb](https://github.com/facebook/react-native/commit/3d12ddb1dbd201e4aac5d358049f629f168c9339)) - [@jeanlauliac](https://github.com/jeanlauliac)
- Packager: Module: remove too-many-misses codepath ([2f1d1bd](https://github.com/facebook/react-native/commit/2f1d1bdfe8b8e02a7cea48aa530c5a120d46233c)) - [@jeanlauliac](https://github.com/jeanlauliac)

### New features and enhancements

- Expose pressRetentionOffset for Text ([550469b](https://github.com/facebook/react-native/commit/550469bb823592797c4c16090dd46b4d6bc3850f)) - [@evollu](https://github.com/evollu)
- NavigationExperimental: Support custom card style interpolators ([c8a7f9e](https://github.com/facebook/react-native/commit/c8a7f9e2d1618b5feea68915b5e2e4f12247ceed)) - [@dingbat](https://github.com/dingbat)

## Android

### New features and enhancements

- allowFontScaling is now supported ([4394419](https://github.com/facebook/react-native/commit/4394419b60c7dfe5287e5e3f897e855eb7dc57c2)) - [@sdg9](https://github.com/sdg9)
- Throw on redundant callback invocations from native modules ([e646183](https://github.com/facebook/react-native/commit/e64618374b2e23ddd0ec91b777c2677c19ac5de3)) - [@theoy](https://github.com/theoy)
- ART: Support dashes in ARTShape ([e1b0d32](https://github.com/facebook/react-native/commit/e1b0d32bdece1926e3180859262f9d32c560863a)) - [@tepamid](https://github.com/tepamid)
- ART: Fix OutOfMemoryException in ARTSurfaceShadowNode ([e1b0d32](https://github.com/facebook/react-native/commit/e1b0d32bdece1926e3180859262f9d32c560863a)) - [@tepamid](https://github.com/tepamid)
- Yoga: Correctly check if child is flex by also accounting for undefined ([18a2c23](https://github.com/facebook/react-native/commit/18a2c2322b5104c0eca4a53b160991349211430a)) - [@emilsjolander](https://github.com/emilsjolander)
- Yoga: Convert max cache count into a define ([05e0b67](https://github.com/facebook/react-native/commit/05e0b6719b1d1879b0e86a68e275d74ef774dd15)) - [@emilsjolander](https://github.com/emilsjolander)

## iOS

### Bugfixes

- Fix for dimensions not updating correctly on iPad due to screen rotation ([a19c699](https://github.com/facebook/react-native/commit/a19c6991c06fd8606f4e6ae6e52b611583f342db)) - [@manicakes](https://github.com/manicakes)
- Fix comparison between NSNumber\* and int ([7123618](https://github.com/facebook/react-native/commit/7123618aa863ab384d4091c52e9362a9afbbdec1)) - [@kastiglione](https://github.com/kastiglione)
- Fix Podspec ([6e9fe37](https://github.com/facebook/react-native/commit/6e9fe3707a8701c0d2910f96bfb053e8bbe67c4a)) - [@ptomasroos](https://github.com/ptomasroos)
- Fix new projects generated by `init` ([e0c3d56](https://github.com/facebook/react-native/commit/e0c3d56d3a5dcc68c1a7585275a051d781ade914)) - [@rh389](https://github.com/rh389)

### New features and enhancements

- CocoaPods: Make Core subspec use a Ruby string array for exclude_files ([01af9ee](https://github.com/facebook/react-native/commit/01af9ee8a7ec8921590e4cac29bf14267b068ddc)) - [@ide](https://github.com/ide)
- Show Yellow Box when we fail to load a local image ([ac11eed](https://github.com/facebook/react-native/commit/ac11eedfb0182370b47fd18c630898f2991f2169)) - [@mmmulani](https://github.com/mmmulani)
- Apple TV support 5 ([fd5af61](https://github.com/facebook/react-native/commit/fd5af61e5c0dfffe4d1ef14936021a5b83be9761)) - [@dlowder-salesforce](https://github.com/dlowder-salesforce)


React Native January 2017 (0.41.0) released


Both `React Native`'s internal `Navigation` API and community based solutions have gone through huge criticism and rewrites.  
But once again, the community didn't settle, they wanted to provide a Navigation with seamless experiences on all platforms and performances out of the box.  
So, there you go, [Adam Miskiewicz](https://twitter.com/skevy), [Satyajit Sahoo](https://twitter.com/satya164), [Mateusz Zatorski](https://twitter.com/matzatorski), [Mike Grabowski](https://twitter.com/grabbou), [Linton Ye](https://twitter.com/lintonye) are tackling this goal together.  
But the list is expected to grow quickly, so you better check the [contributors](https://github.com/react-community/react-navigation/graphs/contributors)' list.

## [react-navigation](https://github.com/react-community/react-navigation) on GitHub

> Navigation views that deliver 60fps animations, and utilize native components to deliver a great look and feel.

![ ](https://reactnavigation.org/assets/android-stack.gif)![ ](https://reactnavigation.org/assets/iphone-stack.gif)


React Navigation:  Learn once, navigate anywhere


By now you should be acquainted to `React Native`'s motto: "Learn once, Write anywhere".  
While this is true, it's not always easy to properly setup a project that is ready to target multiple platforms at once.

[Amogh Banta](https://twitter.com/amoghbanta) is taking on this mission for us, with his `ReactNativeEverywhere` starter kit.

# [ReactNativeEverywhere](https://github.com/amoghbanta/reactNativeEverywhere) on GitHub

![](https://s28.postimg.org/pwoavwifx/woue.jpg)

> ##### This project is an attempt to:
>
> - Target multiple platforms(Android, iOS, web, windows and macOS) with react native' APIs.
> - Follow best practices while doing the above.
> - Cut out the time and effort it takes to setup the project(based on create-react-app).
> - Achieve 'Write once use everywhere' with react-native(though react strictly says 'Learn once use anywhere').
