ReactXP is a library built upon React and React Native for building cross-platform apps for web, iOS, and Android. In simple terms, ReactXP promises that you can use it to develop apps across platforms even faster than using React Native alone.
What makes ReactXP stand out from other React Native approaches is that it abstracts the view into a set of core components that allow you to share your view layer across the different platforms. This builds upon React Native’s motto of ‘write once, run anywhere’ and takes it even further. It means you’re not just sharing your app’s business logic, you’re also sharing and maintaining a single view layer. The end result is that you can have one developer handle everything, as the code they write once runs on web, iOS and Android.
Web and Android Emulator views.
Also, not necessarily a con, but working with ReactXP requires a different approach to handling the view than you might usually take with a web app. For example, you can’t just go ahead and use CSS to style your components – you have to use ReactXP’s style attributes. These attributes seem to do a good job at covering the vast majority of styling you’d be using, but it does involve regularly checking the documentation for what styles are allowed, and how to implement them.
ReactXP has great potential, especially as it matures and gathers more online support and discussion. In the near future here at Hydric Media we aim to put together an app, beginning to end, using ReactXP. So watch this space!
Have you been using or reading about ReactXP? What excites you, or scares you about it? Let us know by tweeting @hydricmedia.