Articles of Use React Native

Use React Native's Picture

272 posts, Location: , Use React Native's website,

React Native April 2017 (v0.44.0) released

v0.44.0 on GitHub (npm) This is April 2017 release, also known as v0.44.0. General Breaking change Remove support for @provides 6cbb57d - @jetzhliu If you were using @provides NameOfModule, you should now switch to @providesModule Only call batchDidComplete when there were actually native calls dispatched c8d922b - @astreet This is breaking because it affects the contract for onBatchComplete, but modules really shouldn't (and probably aren't) depending on it being called without any actual native module method
- React Native April 2017 (v0.44.0) released

Read more

React Native March 2017 (v0.43.0) released

v0.43.0 on GitHub (npm) This is March 2017 release, also known as v0.43.0. Breaking changes Correct value of Dimensions.get('screen').fontScale (186f308) - @rigdern On Android, the following properties now return a different number: Dimensions.get('window').fontScale Dimensions.get('screen').fontScale PixelRatio.getFontScale() This is a breaking change to anyone who was using these properties because the meaning of these properties has now changed. These properties used to return a value representing font scale
- React Native March 2017 (v0.43.0) released

Read more

Native Navigation

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. 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
- Native Navigation

Read more

Better List Views in React Native

Everybody Rejoice! Improved API and performances for List Views in React Native are coming! The upcoming React Native March 2017 will introduce FlatList <FlatList data={[{title: 'Title Text', key: 'item1'}, ...]} renderItem={({item}) => <ListItem title={item.title}} /> SectionList <SectionList renderItem={({item}) => <ListItem title={item.title}} renderSectionHeader={({section}) => <H1 title={section.key} />} sections={[ // homogenous rendering between sections {data: [...], key: ...}, {data: [...], key: ...}, {data: [...], key: ...}, ]} /> <SectionList sections={[ // heterogeneous rendering between sections {data:
- Better List Views in React Native

Read more

Create React Native App

React Conf is back this year and so are some new exciting announcements. News is out that Create React Native App is now officially out. If you used CRA 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
- Create React Native App

Read more

React Native February 2017 (v0.42.0) released

v0.42.0 on GitHub (npm) This is February 2017 release, also known as 0.42.0. Breaking changes Android: windowSoftInputMode for new apps e3d4ace - @mkonicek All new apps created with react-native init are going to have windowSoftInputMode:``adjustResize instead of adjustUnspecified, which is default. That change makes keyboard handling on Android automatic and doesn't require any Javascript solutions, like KeyboardAvoidingView to be used. You can see the rationale behind that change along the screenshots here. It shouldn't be
- React Native February 2017 (v0.42.0) released

Read more

React Native January 2017 (0.41.0) released

v0.41.0 on GitHub (npm) 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 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
- React Native January 2017 (0.41.0) released

Read more

React Navigation: Learn once, navigate anywhere

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, Satyajit Sahoo, Mateusz Zatorski, Mike Grabowski, Linton Ye are tackling this goal together. But the list is expected to grow quickly, so you better check the contributors' list. react-navigation on GitHub Navigation
- React Navigation: Learn once, navigate anywhere

Read more

React Native Everywhere: a starter kit to target multiple platforms

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 is taking on this mission for us, with his ReactNativeEverywhere starter kit. ReactNativeEverywhere on GitHub 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
- React Native Everywhere: a starter kit to target multiple platforms

Read more

React Native December 2016 (v0.40.0) released

v0.40.0 on GitHub (npm) This is the first release with the new monthly cadence, so 0.40 is known as December 2016. The next version will be 0.41 - January 2017, and will be released at the end of the month. Breaking Changes iOS native headers moved This change affects all native modules and application code on iOS that refer to react native .h files After e1577df, Native code on iOS must refer to headers out of
- React Native December 2016 (v0.40.0) released

Read more