arrow icon
REGISTER

Your next React Native app will still be done with Paper (2.0)

2018-09-28
Download your copy of the
Ultimate Guide to React Native Optimization

blog content

Need help with Performance Optimization? 
hire us
Need help with Super app development
hire us
Need help with React Native?
hire us
Need help with migration to React Native?
hire us
Our React Native EU Conference is back
register nowlearn more

Hooray! While react-native-paper has just reached 2000 ⭐️ on Github, we were announcing it at React Native EU 2018 as a major update for Paper that is aligned with the new Material Design guide. This is react-native-paper 2.0. Don’t want to read? No problem, I got a lighting talk that gets you covered:

Key concepts of Paper 2.0

Material design guidelines

New style and new components are awaiting for you, ready to be used on Android and iOS.

Platform adaptation

As you saw in version 1, we continue to provide platform adaptation so your iOS users keep feeling comfortable.

Full theming support

We extracted the theming logic into https://github.com/callstack/react-theme-provider. You can easily switch from light to dark theme or give your users any choice they want!

Portal

Render dialogs, floating action buttons, snackbars… One thing above the other. Thanks to Portal you can easily manage it.

Accessibility and RTL

We’ve been working very hard for this version to be much better regarding accessibility. We want each and every of our components to be fully accessible and RTL compatible.

accessibility and rtl in react native paper library

Developer experience

Not only our example is Expo compatible but now you can also check any component in our docs and look for this link:

code snacks avaliable in paper 2.0

And you can just try it! Oh and we are also working in bindings for ReasonML!

1.0 vs 2.0

Some component differences between versions.

Button

buttons in react native paper 1.0 vs 2.0

TextInput

TextInput in react Native Paper 1.0 vs 2.0

Appbar

Yes, not a Toolbar anymore!

Appbar in React Native Paper 1.0 vs. 2.0

Summary

Want to see more? Check the the docs at https://callstack.github.io/react-native-paper!

Wanna help? Be a contributor? There a are lot of components to be made so just join us in this beautiful journey and do not hesitate to send a PR! We also have a channel in Discord.

Don’t forget to check our repo: https://github.com/callstack/react-native-paper

Happy Paper day 2!

Author:
Ferran Negre
arrow icon
MORE posts from this author

Bundle React Native apps using Webpack features

Discover Re.Pack – a Webpack-based toolkit that allows you to build a React Native app with the full support of the Webpack ecosystem.

learn more

More posts from this category

Ensure your React components perform as intended as your app grows

Discover Reassure - our open-source library that allows you to run performance tests measuring the average rendering time of the in-app components.

business benefits

Performance Optimization

To stay competitive, you need a high-performing app. Improving React Native performance can bring your company many business and tech benefits. To learn more about it, check the page entirely dedicated to React Native Performance Optimization. Discover a real-life example of React Native optimization we performed for Aaqua, a Singaporean platform that enables global users to share their passion through groups.

Bundle React Native apps using Webpack features

Discover Re.Pack – a Webpack-based toolkit that allows you to build a React Native app with the full support of the Webpack ecosystem.

business benefits

Why React Native?

Building an all-in-one platform can bring your company a lot of business and tech benefits like seamless UX experience, global reach, brand growth just to name a few. To learn more about the benefits of using React Native to develop super apps, check out the MoMo case study. Where we helped improve app's performance by migrating architecture to Re.Pack.

stay tuned

Subscribe to our newsletter

You may unsubscribe from these communications at any time. For details see the Privacy Policy.